@import url(jquery.lightbox.css);


/* Default ---------------------------------------------------------------- */

* {margin:0; padding:0;}
html {width:100%; height:100%; font-size-adjust:none; overflow-y:scroll; -webkit-text-size-adjust:none;}
body {font:12px Meiryo,"MS PGothic","Osaka",arial,helvetica,sans-serif; color:#333333; text-align:center; background:#ffffff url(../img/bg_header.gif) repeat-x 0 37px;}

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
p, ul, ol, dl, table {font-size:100%; line-height:1.4em;}
ul {list-style-type:none;}
ol {list-style-type:decimal; margin-left:2.5em;}
img {border:0; display:block;}

a:link , 
a:visited {color:#324c71; text-decoration:none;}
a:hover {color:#6589bd; text-decoration:underline;}


/* parts option ---------------------------------------------------------------- */

/* text */

.red {color:#cc0000;}
.blue {color:#001155;}

p.type1 {padding:10px; border:solid 1px #999999; background:#eeeeee;}
p.type1 span {color:#009900;}


/* ul/ol list */

ul.type1 {list-style-type:disc; margin-left:25px; margin-bottom:15px;}

ul.type2 {font-weight:bold; margin-bottom:15px;}
ul.type2 li {padding:4px 0 3px 25px; background:url(../img/icon_03.gif) no-repeat left top;}

ol.type1 {margin-left:25px; padding:0;}
ol.type1 li {margin:0 0 10px 0; padding:0 0 3px 0;}
ol.type1 li ul {margin:0 200px 0 0; padding:3px 10px 3px 10px; border:solid 1px #aaaaaa; background:#ffffff;}
ol.type1 li ul li {margin:0; padding:0;}
ol.type1 img {margin:5px 0; border:solid 1px #667799;}
ol.type1 table {}


/* dl list */

dl.type1 {margin-bottom:10px; padding:10px 15px 0 15px; background:#eeeeee; border:solid 1px #aaaaaa;}

dl.type1 {margin-bottom:10px; padding:10px 15px 0 15px; background:#eeeeee; border:solid 1px #aaaaaa;}
dl.type1 dt {font-weight:bold;}
dl.type1 dd {margin-bottom:10px;}

dl.type2 {margin:0 5px 15px 0;}
dl.type2 dt {font-weight:bold; margin-bottom:3px; padding-left:18px; background:url(../img/icon_02.gif) no-repeat 4px 5px; border-bottom:dashed 1px #cccccc;}
dl.type2 dd {margin-bottom:10px; padding-left:18px;}

dl.type3 {margin:0 5px 15px 0;}
dl.type3 dt {font-weight:bold; margin-bottom:5px; padding-left:5px; border-bottom:dashed 1px #cccccc;}
dl.type3 dd {margin-bottom:15px; padding-left:5px;}
dl.type3 ul {list-style-type:disc; margin-left:25px; margin-bottom:5px;}

dl.type4 {}
dl.type4 dt {font-weight:bold; margin:0 0 0 0; padding:3px 0 3px 28px; background:#ffffff url(../img/icon_05.gif) no-repeat left top;}
dl.type4 dt.cell1 {margin:5px 0 0 20px;}
dl.type4 dd {margin:0 0 0 20px; padding:0;}
dl.type4 dd.cell1 {margin:0 0 0 40px;}
dl.type4 ul {list-style-type:disc; margin:0 25px;}

dl.type5 {margin:0 5px 15px 1px;}
dl.type5 dt {color:#003366; font-weight:bold; margin:10px 0 0 0; padding:1px 0 0 15px; background:#ffffff url(../img/icon_01.gif) no-repeat 5px 4px; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-bottom:solid 1px #224477; border-right:solid 1px #224477;}
dl.type5 dd {margin:3px 0 0 15px;}

dl.type6 {margin:0 5px 15px 1px;}
dl.type6 dt {width:8em; font-weight:bold; float:left;}
dl.type6 dd {margin-bottom:5px; padding-left:8em; padding-bottom:2px; border-bottom:dashed 1px #cccccc;}


/* table */

table.type1 {border-collapse:collapse; border-spacing:0; empty-cells:show; border:solid 1px #95a3b7; margin-top:10px; margin-bottom:5px;}
table.type1 caption {text-align:left;}
table.type1 th {font-weight:normal; text-align:left; vertical-align:top; padding:2px 15px 2px 5px; border:solid 1px #95a3b7; background:#e9eef5;}
table.type1 td {text-align:left; vertical-align:top; padding:2px 15px 2px 5px; border:solid 1px #95a3b7;}






/* Main ---------------------------------------------------------------- */
#container {width:740px; text-align:left; margin:0 auto;}


/* Header ---------------------------------------------------------------- */

#header {width:740px; padding-top:5px;}

#description {position:relative;}
#description h1 {height:1.2em; font-size:12px; font-weight:normal; color:#ffffff; overflow:hidden; position:absolute; top:35px;}

#header-content {width:740px; height:59px; margin:0; padding:0; overflow:hidden;}

#logo {width:200px; float:left;}
#top-navi {width:200px; float:right;}
#top-navi ul {width:215px; margin-top:20px;}
#top-navi li {padding-left:15px; background:url(../img/line_01.gif) no-repeat left top; float:left;}

#navi {width:740px; height:24px; overflow:hidden;}
#navi ul {width:740px;}
#navi li {float:left;}


/* contents ---------------------------------------------------------------- */

#contents {width:740px; text-align:left; padding:5px 0 50px 0; background:url(../img/bg_contents.gif) repeat-y right top;}

#panlist,
#trackList {list-style-type: none; font-size:10px; color:#333333; text-align:left; margin:0 190px 10px 0; padding:0;}
#panlist li,
#trackList li {float: left;}
#panlist a,
#trackList a {color:#333333; padding:3px 15px 0 0; background:url(../img/icon_01.gif) no-repeat right center;}
#panlist a:hover,
#trackList a:hover {color:#6589bd;}

#alpha,
#main {width:520px; float:left;}

#beta,
#side {width:180px; margin-right:5px; display:inline; float:right;}



/* Footer ---------------------------------------------------------------- */

#footer {width:100%; text-align:center; padding:12px 0; background:url(../img/bg_footer.gif) repeat-x left top;}

#footer ul {color:#ffffff; text-align:center; margin-bottom:15px;}
#footer li {display:inline;}

#footer address {font-style:normal; font-size:10px; color:#ffffff; text-align:center;}
#footer a {color:#ffffff;}
#footer a:hover {color:#bccde6;}




/* sidebar ---------------------------------------------------------------- */

/* side-navi */

#side-navi {width:180px;}
#side-navi ul {font-size:11px; padding:0 0 1px 0;}
#side-navi ul ul {}
#side-navi li {width:180px; float: left;}
/* no ie mac \*/
#side-navi li {overflow:hidden;}
/* */

#side-navi ul ul a {display:block; color:#333333; padding:5px 0 3px 12px; background:url(../img/bg_side_navi.gif) no-repeat 0 0;}
#side-navi ul ul a:hover {color:#000000; text-decoration:none; background:url(../img/bg_side_navi.gif) no-repeat 0 -150px;}


/* side-search */

#side-search {width:180px; padding-bottom:15px;}
#side-search h2 {width:180px; margin-bottom:10px;}
#side-search input {vertical-align:top;}
#side-search .box {width:125px; margin:0 5px;}


/* side-info */

#side-info {width:180px; padding-bottom:15px;}
#side-info ul {font-size:10px;}
#side-info li {margin-top:5px; padding:0 5px 5px 5px; border-bottom:dashed 1px #4f6a93;}


/* side-banner */

#side-banner {width:180px; padding-bottom:15px;}
#side-banner ul {margin:0 5px;}
#side-banner li {display:inline; margin-bottom:5px;}
#side-banner img {margin-bottom:5px;}


/* main contents ---------------------------------------------------------------- */

.bt-top {font-size:10px; text-align:right; margin-bottom:5px;}
.title-box {width:520px; margin-bottom:6px; background:url(../img/bg_h2_02.gif) no-repeat left bottom;}
.title-box h2 {font-weight:bold; color:#ffffff; padding:5px 0 8px 15px; background:url(../img/bg_h2_01.gif) no-repeat left top;}
.title-box h2 a {color:#ffffff; text-decoration:none;}
.title-box h2 a:hover {color:#bccde6; text-decoration:none;}
ul.subnavi {font-size:10px; color:#999999; margin-left:5px; margin-bottom:15px;}
ul.subnavi li {display:inline;}

.content {margin-bottom:30px;}
.content p {margin-bottom:15px;}
.content h3 {font-size:12px; font-weight:bold; color:#324c71; margin-bottom:6px; padding:0 0 8px 15px; background:url(../img/bg_h3.gif) no-repeat left top;}
.content h4 {font-size:12px; font-weight:bold; margin-bottom:6px; padding:0 0 0 15px; background:url(../img/icon_02.gif) no-repeat 3px 5px;}



/* sitemap */

.sitemap-box {margin-bottom:30px;}
.sitemap-box a {font-weight:bold;}

.sitemap-box li {margin-top:3px; padding:0 0 2px 15px; background:url(../img/icon_01.gif) no-repeat 3px 2px;}
.sitemap-box ul ul {margin-bottom:10px;}
.sitemap-box ul ul ul {margin-bottom:0;}
.sitemap-box span {font-size:10px;}


/* toutei */

.tokutei-box {margin-bottom:30px;}
.tokutei-box dl {margin:0 10px;}
.tokutei-box dt {font-weight:bold; margin:20px 0 0 0; padding:0 0 2px 6px; border-bottom:dotted 1px #bbbbdd;}
.tokutei-box dd {margin:5px 0 0 15px;}



/* fieldset */
/* -------------------------------------------------------- */
fieldset {margin:0 5px 0 1px; padding:0 20px; border:solid 1px #4f6a93;}
fieldset legend {font-size:12px; font-weight:bold; color:#4f6a93; padding:0 5px 10px 5px;}
fieldset input {vertical-align:middle;}
fieldset textarea {width:460px;}
fieldset div {padding:10px 10px 5px 10px; margin:0 0 15px 0; border:solid 1px #4f6a93; background:#f2f4f7;}
fieldset div h3 {color:#4f6a93; margin:0 0 5px 0; padding:0; background:none;}
fieldset div ul {margin-bottom:0;}
fieldset div li {margin-bottom:5px;}



/* top-box */

.top-box1 {margin-bottom:5px; padding-bottom:12px; background:url(../img/bg_07.gif) no-repeat left bottom;}
.top-box1 p {line-height:140%; margin:0 15px; padding:4px 0 0 0;}


.top-box2 {width:520px; margin-bottom:20px; padding:0 0 10px 0; background:url(../img/bg_08.gif) no-repeat left bottom;}
.top-box2 .lbox {width:410px; float:left;}
.top-box2 .rbox {width:110px; padding:5px 0 0 0; float:left;}
.top-box2 .rbox img.mtb {border:solid 1px #ccffcc;}
.top-box2 p {color:#ffffff; margin:0 15px; padding:3px 0 0 0;}
.top-box2 .mtget {font-weight:bold; line-height:140%; margin:0 15px; padding:5px 0 0 0;}
.top-box2 .mtget a  {color:#ffffff; padding:0 0 0 18px; background:#007700 url(../img/icon_06.gif) no-repeat left top;}
.top-box2 .mtget a:hover {color:#ffff00;}

.top-box3 {margin-bottom:25px;}
.top-box3 .title-box {margin-bottom:10px;}
.top-box3a {margin:0 5px 10px 0; padding-top:5px; border-bottom:dotted 2px #506b94;}
.top-box3 .lbox {width:100px; float:left;}
.top-box3 .rbox {width:410px; float:right;}
.top-box3 .rbox p {padding:0 0 10px 0;}

.top-box4 {margin-bottom:20px;}
.top-box4 .title-box {margin-bottom:10px;}
.top-box4 p {margin-bottom:15px;}
.top-box4 h3 {font-size:12px; font-weight:bold; color:#324c71; margin-bottom:6px; padding:0 0 8px 15px; background:url(../img/bg_h3.gif) no-repeat left top;}

.top-box5 {margin-bottom:20px;}
.top-box5 .title-box {margin-bottom:0;}
.top-box5 li {margin-right:5px; padding:5px 15px 2px 18px; background:url(../img/icon_01.gif) no-repeat 5px 8px; border-bottom:dotted 1px #506b94;}

.top-box6 {margin-bottom:20px;}
.top-box6 .title-box {margin-bottom:10px;}



/* box */

.box1 {width:172px; text-align:center; margin:0 0 15px 0; float:left;}
.box1 h3 {font-weight:bold; text-align:left; color:#324c71; margin:0 0 4px 12px; padding:0; background:none;}
.box1 h3 span {font-size:10px; font-weight:normal; color:#333333; padding-left:5px;}
.box1 img {margin:0 auto 2px auto;}
.box1 p {text-align:center; margin:0;}




/* parts */
/* -------------------------------------------------------- */

.b {font-weight:bold !important;}
.le {text-align:left !important;}
.ri {text-align:right !important;}
.cen {text-align:center !important;}
.ri img,
.cen img {display:inline; vertical-align:top;}
.inline img,
img.inline {display:inline; vertical-align:middle !important;}

.f10 {font-size:84% !important;}
.f11 {font-size:92% !important;}
.f12 {font-size:100% !important;}
.f13 {font-size:109% !important;}
.f14 {font-size:117% !important;}
.f15 {font-size:125% !important;}
.f16 {font-size:134% !important;}
.f17 {font-size:142% !important;}
.f18 {font-size:150% !important;}
.f19 {font-size:159% !important;}
.f20 {font-size:167% !important;}
.f21 {font-size:175% !important;}
.f22 {font-size:184% !important;}
.f23 {font-size:192% !important;}
.f24 {font-size:200% !important;}

.m00 {margin-bottom:0 !important;}
.m05 {margin-bottom:5px !important;}
.m10 {margin-bottom:10px !important;}
.m15 {margin-bottom:15px !important;}
.m20 {margin-bottom:20px !important;}
.m25 {margin-bottom:25px !important;}
.m30 {margin-bottom:30px !important;}
.m35 {margin-bottom:35px !important;}
.m40 {margin-bottom:40px !important;}
.m45 {margin-bottom:45px !important;}
.m50 {margin-bottom:50px !important;}
.m55 {margin-bottom:55px !important;}
.m60 {margin-bottom:60px !important;}
.m65 {margin-bottom:65px !important;}

.auto {width:auto !important;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:50%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w80 {width:80%;}
.w85 {width:85%;}
.w90 {width:90%;}
.w95 {width:95%;}
.w100 {width:100%;}

.lBlock {float:left;}
.rBlock {float:right;}

.imgBtn a:hover img {opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);}


/* list */

ul.discList {list-style-type:disc; margin-left:2em;}

ul.attentionList {margin-left:1.2em;}
ul.attentionList li {width:100%; position:relative;}
ul.attentionList li span {position:absolute; top:0; left:-1.2em;}


/* table */
table.fix {table-layout:fixed !important;}
table .le {text-align:left !important;}
table .cen {text-align:center !important;}
table .ri {text-align:right !important;}
table .top {vertical-align:top !important;}
table .middle {vertical-align:middle !important;}
table .bottom {vertical-align:bottom !important;}

.tableBlock {width:100%; border-collapse:collapse; border-spacing:0; empty-cells:show;}
.tableBlock th {font-weight:bold; text-align:left; vertical-align:middle;}
.tableBlock td {text-align:left; vertical-align:middle;}




/* SP */
/* -------------------------------------------------------- */
body.sp {font-size:12px; margin:0; padding:0; text-align:left;}

header {width:100%; height:88px; margin:0 0 15px 0; position:relative;}
header h1 {font-size:10px; font-weight:normal; line-height:110%; color:#ffffff; overflow:hidden; padding:0 5px; position:absolute; top:40px;}
header p {width:200px; position:absolute; top:3px; left:5px;}
header nav {position:absolute; bottom:0; left:0;}
header nav ul {font-size:11px; font-weight:bold; margin:0 5px;}
header nav li {padding:0 2px 0 0; float:left;}
header nav li a {padding:3px 5px; background:-moz-linear-gradient(top, #fff, #fff 85%, #666); background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.85, #fff), to(#666)); background:linear-gradient(top, #fff, #fff 85%, #666); border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -o-border-radius:3px 3px 0 0; -ms-border-radius:3px 3px 0 0; display:block;}
header nav li.on a {background:#fff;}

section {margin:0 5px 15px 5px;}
section h2 {font-weight:bold; color:#324c71; margin:0 0 10px 0; padding:0 0 3px 15px; background:url(../img/bg_h3.gif) no-repeat left bottom;}
section p {margin:0 0 15px 0;}

section p.btn {text-align:center; color:#fff;}
section ul.btn {width:100%; margin:0 0 15px 0; position:relative;}
section ul.btn li.prev {position:absolute; top:0; left:0;}
section ul.btn li.next {position:absolute; top:0; right:0;}
section ul.btn li.back {text-align:center;}
section .btn a {text-align:center; color:#fff; text-shadow:1px 1px 1px #333; padding:1px 5px; background:-moz-linear-gradient(top, #4f6b94, #32496c); background:-webkit-gradient(linear, left top, left bottom, from(#4f6b94), to(#32496c)); background:linear-gradient(top, #4f6b94, #32496c); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;}
section .btn a:link,
section .btn a:visited,
section .btn a:hover {color:#fff; text-decoration:none;}
section .btn a:hover {color:#fff; background:#32496c;}

footer {margin:0 5px;}
footer address {font-size:10px; text-align:center;}




/* Utilities ---------------------------------------------------------------- */

.cfix:after, .clear:after, #contents:after, #panlist:after, #side-navi:after, #trackList:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}
.cfix, .clear, #contents, #panlist, #side-navi, #trackList { display: inline-block; }
/* no ie mac \*/
* html .cfix, * html .clear, * html #contents, * html #panlist, * html #side-navi, * html #trackList { height: 1%; }
.cfix, .clear, #contents, #panlist, #side-navi, #trackList { display: block; }
/* */
