@charset "utf-8";

/*初期化
---------------------------------------------------------*/
form,ul,ol,dl,dd,dt,label,input,body,h1,h2,h3,h4,p { margin:0; padding:0; }
body{ font-family:"Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; }
ul { list-style:none; }
img { border:0; }


/*レイアウト
---------------------------------------------------------*/
body { background:#eae7dd; }
html { background: #1d1c1a; }  

#site   {}

#option_menus { margin-top:3px; }
#option_menus li{ float:left; margin-right:10px; }

#contents { width:900px; margin: 30px auto; }


h2{
background:url("/images/line.png") repeat-x bottom; padding-bottom:10px; margin-bottom:30px;
}
h3              { margin-bottom:10px; }
p               { line-height:16pt;}

/*フォント
---------------------------------------------------------*/
.txt100  { font-size:100%; }
.txt90  { font-size: 90%; }
.txt80  { font-size: 80%; }
.txt75  { font-size: 75%; }
.txt70  { font-size: 70%; }
.txt60  { font-size: 60%; }
.coution { color    :#F00; }


/*フォント
---------------------------------------------------------*/
.tc  { text-align:center; }
.tl  { text-align:left; }
.tr  { text-align:right; }
a               { color:#99cc33; text-decoration:none;}

/*マージン
---------------------------------------------------------*/
.mb2  { margin-bottom: 2px; }
.mb3  { margin-bottom: 3px; }
.mb5  { margin-bottom: 5px; }
.mb8  { margin-bottom: 8px; }
.mb10  { margin-bottom:10px; }
.mb20  { margin-bottom:20px; }
.mb30  { margin-bottom:30px; }
.mb40  { margin-bottom:40px; }
.mb50  { margin-bottom:50px; }
.mb55  { margin-bottom:55px; }
.ml10  { margin-left: 10px; }
.mr2  { margin-right:  2px; }
.mt5  { margin-top:  5px; }



/*header/menu
---------------------------------------------------------*/
#header   { background:#1d1c1a url("/common/images/bg_header.png") repeat-x bottom; margin-bottom:20px; padding-bottom:6px; }
#logo   { float:left; padding-top:65px; text-align:center; height:81px; width:270px; border-bottom:4px solid #99cc33; }
#header_contents { width:900px; margin:0 auto; }
#menus li     { display:block; float:left; text-align:center; border-right:1px solid #383633; }
#menus li.first  { border-left:1px solid #383633; }
#menus li a    { display:block; width:156px; height:84px; padding-top:65px; }
#menus li a#menu1 { background:url("/common/images/bg_menu_1.gif") no-repeat 10px 150px; }
#menus li a#menu2 { background:url("/common/images/bg_menu_2.gif") no-repeat 10px 150px; }
#menus li a#menu3 { background:url("/common/images/bg_menu_3.gif") no-repeat 10px 150px; }
#menus li a#menu4 { background:url("/common/images/bg_menu_4.gif") no-repeat 10px 150px; }

/*footer
---------------------------------------------------------*/
#footer    { background:#1d1c1a; width:100%; }
#footer_contents  { background:#99cc33; padding:10px 0; }
#footer_width   { width:900px; margin:0 auto; }
#footer_left   { float:left; width:280px; }
#footer_right   { float:right; width:600px; text-align:right; margin-top:3px; }
#footer a   { color:#1d1c1a !important; }
#footer a:hover   { text-decoration:underline; }
#footer ul     { display:block; }
#footer ul li    { padding:0 10px; display:inline; background:url("/common/images/footer_line.png") no-repeat right; }
#footer ul li.end  { margin-right:0; }
#footer #copyright { color:#fff; margin:10px auto; text-align:right; width:900px; }
#footer .offer a  { color:#fff; background:url("/images/arrow_red.png") no-repeat right; padding:0 20px 0 0; }

/*clearFix
---------------------------------------------------------*/
.clears:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clears   { display:inline-table; zoom:100%; }
/* macIE \*/
* html .clears { height:1%; }
.clears   { display:block; }
/* macIE */