@charset "SHIFT_JIS";

body { margin: 0; padding: 0; background: #fff; text-align: center; font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif;}
table, td { font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; color: #000;}

#header { width: 680px; margin: 0 auto; text-align: center;}
#headerimage { width: 680px; height: 70px; margin-top: 0 auto 0; vertical-align: top; background-image: url("../images/commonitem/headerimage01.jpg"); background-repeat: no-repeat;}
#header .navi { padding: 0 4px; margin-top: 2px; text-align: left; font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; line-height: 1.5em; background-color: #993300;}
#header a { padding: 0; text-decoration: none;}
#header a:hover { text-decoration: underline;}
#header a:visited { color: #ffffff;}

#main, #footinfo, #footer { width: 680px; margin: 2px auto .5em; text-align: left;}
#main p { margin: 0 0 1em 0;}
#main h1 { font-size: 24px; margin: 0 0 .5em 0;}
#main h2 { font-size: 16px; margin: 0;}
#main h3 { font-size: 14px; margin: 0;}
#main h4 { font-size: 12px; margin: 0;}
#main h5 { font-size: 10px; margin: 0;}
#main .box { border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}

#menu_frame { width: 120px; float: left;  font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; line-height: 1.2em;}
#menu_frame a:hover { text-decoration: underline;}

#main_frame { width: 550px; float: right; font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; line-height: 1.2em;}
#main_frame_link { width: 520px; float: right;  font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; line-height: 1.2em;}
#main_frame p { border-top: 1px solid #bdc2c6; padding-top: .3em; margin: 0 0 .5em 0;}
#main_frame .column1-1 { width: 550px;}
#main_frame .column1-2 { clear: both; padding-left: 50px;}
#main_frame .column1-3 { clear: both; text-align: center; font-size: 90%;}
#main_frame .date { float: right; padding-right: 10px;}
#main_frame .totop { clear: both; text-align: right; font-size: 10px;}
#main_frame h2 { border-bottom: 1px solid #bdc2c6; padding-bottom: .3em; margin: .5em 0 0 0;}
#main_frame .table1 { width: 220px; border-collapse: collapse; margin: 0; border-style: double; border-color: #333333; background: #fafad2;}
#main_frame .td1 { vertical-align: top; text-align: right;}
#main_frame .td2 { vertical-align: top; text-align: left;}
#main_frame .td3 { width: 40px; vertical-align: middle; text-align: right;}
#main_frame .td4 { width: 40px; vertical-align: middle; text-align: left;}
#main_frame .td5 { width: 40px; vertical-align: middle; text-align: center;}
#main_frame .td6 { width: 40px; vertical-align: middle; text-align: center;}
#main_frame ul { margin-bottom: 1.3em; padding: 0;}
#main_frame li { margin-top: .5em;}
#main_frame ol .last { list-style: disc; margin-bottom: 0;}

.menu1 { width: 118px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #009900; border: solid 1px #999999;}
.menu2 { width: 118px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #33cc33; border: solid 1px #999999;}
.menu3 { width: 118px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #ffffff; border: solid 1px #999999; font-size: 10px; color: #000;}
.menu3 a { padding: 0;}
.menu4 { width: 120px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #f5f5f5; border: solid 0px; color: #000;}
.menu5 { width: 120px; float: left; padding: 0; margin: 0px 0px 2px 0px; font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; line-height: 1.2em; background-color: #ffffff; border: solid 0px; color: #000;}
.menu6 { width: 118px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #000000; border: solid 1px #999999;}
.menuimage1 { width: 118px; height: 169px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #000000; border: solid 1px #999999; background-image: url("../images/commonitem/menuinst01.jpg"); background-repeat: no-repeat;}
.menuimage2 { width: 118px; height: 35px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #ffffff; border: solid 1px #999999; background-image: url("../images/commonitem/canopus-logo-s_01.gif"); background-repeat: no-repeat;}
.menuimage3 { width: 118px; height: 159px; float: left; padding: 0; margin: 0px 0px 2px 0px; background-color: #000000; border: solid 1px #999999; background-image: url("../images/commonitem/miura-illust-remi_02.jpg"); background-repeat: no-repeat;}
#menu_frame a { text-decoration: none;}
#menu_frame a:link { color: #ffffff;}
#menu_frame a:visited { color: #ffffff;}

#sub_menu1 { width: 106px; float: right; font-size: 10px;}
#sub_menu1 .sub_menu1-1 { border: solid 1px #999999; background-color: #003399; font-size: 10px;}
#sub_menu1 .sub_menu1-2 { padding: 0 4px; border: solid 1px #999999; background-color: #3366cc; font-size: 10px;}
#sub_menu1 .sub_menu1-3 { margin-left: 10px; font-size: 10px;}
.sub_menu1-3 a { color: #ffffff; text-decoration: none;}

#primary { width: 380px; float: left;}
#primary2 { text-align: center; font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; color: #000;}
#primary2 img { margin: 10px 0;}
#secondary { width: 160px; float: right; font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN', sans-serif; color: #000;}

#secondary .column2-1 { width: 380px;}
#secondary .column2-2 { clear: both; padding-left: 50px;}

ul { list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square { list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle { list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.dot { list-style: disc outside; margin: 0 0 0 2em; padding: 0 0 0 0;}
ul.decimal { list-style: decimal outside; margin: 0 0 0 3em; padding: 0 0 0 0;}
ol { list-style: none; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li { padding-bottom: .3em;}
ul ul.circle { margin-top: .3em;}
ul ul.square { margin-top: .3em;}

ol.last { padding: 0;}
ul.last { padding: 0;}

.sosumi { font-size: 10px !important; color: #76797C; margin-bottom: 1em;}
ol.sosumi { margin-left: 0; padding-left: 1.5em; clear: both;}

a { padding: 0 4px; text-decoration: none;}
a:hover { text-decoration: underline;}

#footer { font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em;}

#footinfo, #footer { text-align: center; clear: both;}
#footinfo { clear: both; font-size: 10px;  border-bottom: 1px solid #a1a5a9; padding: 0 0 2em;}

div.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}