@charset "UTF-8";
/*code format
----------------------------------------
position
list-style
display
float
clear
background
width
height
margin
padding
font-family
font-size
font-weight
font-style
line-height
color
text-decoration
text-align
border
text-indent
overflow
z-index
----------------------------------------
*/

/*初期化*/
* { margin: 0px; padding: 0px; }
a { overflow: hidden; }
hr { display: none; margin: 0px; padding: 0px; }
table { font-size: inherit; }
li { list-style: none; }

/*フォントサイズ設定*/
html { font: 13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; font: x-small; font-size: small; }
body { font: 100%; font-size: inherit; line-height: 150%; }
.j10 { font-size: 77%; line-height: 150%; }
.j11 { font-size: 85%; line-height: 150%; }
.j12 { font-size: 93%; line-height: 150%; }
.j13 { font-size: 100%; line-height: 150%; }
.j14 { font-size: 108%; line-height: 150%; }
.j15 { font-size: 116%; line-height: 150%; }
.j16 { font-size: 123.1%; line-height: 150%; }
.j17 { font-size: 131%; line-height: 150%; }
.j18 { font-size: 138.5%; line-height: 150%; }
.j19 { font-size: 146.5%; line-height: 150%; }
.j20 { font-size: 153.9%; line-height: 150%; }
.j21 { font-size: 161.6%; line-height: 150%; }
.j22 { font-size: 167%; line-height: 150%; }
.j23 { font-size: 174%; line-height: 150%; }
.j24 { font-size: 182%; line-height: 150%; }
.j25 { font-size: 189%; line-height: 150%; }
.j26 { font-size: 197%; line-height: 150%; }

/*枠設定*/
html { height: 100%; }
body { background: url(../img/main_bg.gif) 0 0; text-align: center; height: 100%; }
#wrapper { width: 950px; height: 100%; min-height: 100%; margin: 0 auto;}
#contents { background: #FFF url(../img/contents_bg.jpg) fixed top center; width: 950px; height: 100%; min-height: 100%; text-align: left;}

/*height:100%用*/
#wrapper > #contents { height: auto;}

/*header*/
#header { background: url(../img/header_bg.gif) repeat-x 0 0; width: 100%; height: 30px; }
#header h1 { float: right; width: 600px; margin-top: 8px; padding-right: 15px; font-size: 93%; font-weight: normal; color: #FFF; text-align: right; }
#header h2 { float: left; background: url(../img/logo.gif) no-repeat 0 0; width: 137px; height: 30px; text-indent: -9999px; }

/*main_contents*/
#main_contents { padding: 25px; }

/*main_title*/
#main_title { width: 900px; overflow: hidden; margin-bottom: 15px; }
#main_title h2 { background: url(../img/title.gif) no-repeat 0 0; width: 900px; height: 45px; text-indent: -9999px; }
#main_title h3 { float: right; background: url(../img/caption.gif) no-repeat 0 0; width: 537px; height: 30px; margin-top: 5px; text-indent: -9999px; }

/*float_contents*/
#float_contents { clear: both; overflow: hidden; }

/*right_contents*/
#right_contents { float: right; background: url(../img/right_bg.png) no-repeat 0 0; width: 605px; padding: 15px; overflow: hidden;}
#right_contents h3 { margin-bottom: 10px; padding-bottom: 5px; border-bottom: solid 1px #666; font-size: 108%; font-weight: bold;}
#right_contents ul { clear: both; padding-bottom: 15px; overflow: hidden;}
#right_contents ul li { float: left; width: 75px; margin: 12px;}
#right_contents_ft { float: right; background: url(../img/right_ft.png) no-repeat 0 0; width: 635px; height: 21px; }

/*left_contents*/
#left_contents { float: left; width: 250px;}
#left_contents ul { position: relative; z-index: 100;}
#left_contents li { margin: 5px 0 8px;}
#left_contents li a { display: block;}
#left_contents li img { border: none;}

/*footer*/
#footer { clear: both; background: url(../img/ft_bg.gif) repeat-x 0 0; width: 100%; height: 100px; }
#footer img { position: relative; float: right; width: 275px; height: 152px; margin: -58px 0 0 0; z-index: 10;}
#footer h3 { position: relative; background: url(../img/ft_text.gif) no-repeat 0 10px; width: 390x; height: 50px; margin-left: 15px; text-indent: -9999px; }
#footer small { clear: both; display: block; float: left; width: 300px; margin-top: -35px; padding-left: 15px; }