@charset "Shift_JIS";

/* スタイルリセット
----------------------------------------------------------*/

*{
margin:0;
padding:0;
}

img{
border:none;
vertical-align:bottom;/* デフォルトがvertical-align:baselineのブラウザでの隙間空き解消 */
}

/* IE6用ハック
vertical-align:bottomを指定するとtdの中の画像が
font-sizeの分に合わせて隙間が出来るのを解消 */
* html td img{
vertical-align:baseline;
}

/* IE7用ハック
vertical-align:bottomを指定するとtdの中の画像が
font-sizeの分に合わせて隙間が出来るのを解消 */
*:first-child+html td img{
vertical-align:baseline;
}

ol,ul,dl{
list-style-type:none;
list-style-position:outside;
}



/* 基本設定
----------------------------------------------------------*/

body,ol,ul,dl,li,dt,dd,table,td,input,textarea,h1,h2,h3,h4,h5,h6{
color:#333333;
font-size:12px;
line-height:1.3;
font-weight:normal;
font-family:"ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;
}

body{
text-align:center;
background:url(../img/bg.gif) repeat-x;
background-color:#FFFFFF;
}

body#home{
background:url(../img/top/bg.gif) repeat-x;
}

table th, table td{
vertical-align:top;
font-weight:normal;
text-align:left;
}

a{
color:#333333;
}

a:hover{
color:#BB6155;
text-decoration:none;
}

em{
font-style:normal;
}



/* 一般設定
----------------------------------------------------------*/

.clear{
clear:both;
}

.clearfix{
display:inline-table;
zoom:1;
}

.clearfix:after{
display:block; 
clear:both;
visibility:hidden;
height:0; 
content:".";
}

/* Hides from IE-mac \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* End hide from IE-mac */



/* ヘッダ
----------------------------------------------------------*/

#coasterImg{
position:absolute;
top:0;
left:0;
z-index:10000;
}

div#headerArea{
display:block;
position:relative;
width:900px;
height:100px;
margin:0 auto;
/*overflow:hidden;*/
text-align:left;
background:url(../img/header_bg.gif) no-repeat;
}

div#headerArea h1{
display:block;
position:absolute;
width:270px;
height:45px;
top:15px;
left:355px;
font-size:11px;
color:#E5DCC6;
overflow:hidden;
}

div#headerArea p#hAddress{
display:block;
position:absolute;
width:240px;
height:50px;
top:15px;
left:660px;
font-size:11px;
color:#E5DCC6;
overflow:hidden;
}

div#headerArea ul#hNavi{
display:block;
position:absolute;
width:720px;
height:35px;
top:65px;
left:150px;
overflow:hidden;
}

div#headerArea ul#hNavi li{
display:block;
float:left;
}



/* コンテンツ
----------------------------------------------------------*/

div#contentsArea{
clear:both;
position:relative;
width:900px;
margin:0 auto;
text-align:left;
background:url(../img/main_frm_bg.gif);
}

div#contents{
display:inline-table;
padding:0 45px;
background:url(../img/main_frm_top.gif) no-repeat;
zoom:1;
}


body#home div#contentsArea{
clear:both;
position:relative;
width:900px;
margin:0 auto;
text-align:left;
background:url(../img/top/main_frm_bg.png);
}

body#home div#contents{
margin:10px auto 0;
padding:0 45px;
background:url(../img/top/main_frm_top.png) no-repeat;
}

div#contents:after{
display:block; 
clear:both;
visibility:hidden;
height:0; 
content:".";
}

/* Hides from IE-mac \*/
* html div#contents{
height:1%;
}

div#contents{
display:block;
}
/* End hide from IE-mac */

div#leftblock{
width:580px;
float:left;
}

div#rightblock{
width:200px;
padding:15px 0 0 0;
float:right;
}


body#home div#leftblock{
padding:20px 0;
width:580px;
float:left;
}

body#home div#rightblock{
padding:20px 0;
}



/* フッタ
----------------------------------------------------------*/

div#footerArea{
clear:both;
display:block;
position:relative;
width:845px;
margin:0 auto;
padding:20px 25px 25px 30px;
background:url(../img/main_frm_bottom.gif) no-repeat;
font-size:11px;
text-align:left;
}

div#footerArea p#fNavi{
width:840px;
padding:3px 0 10px 0;
border-bottom:1px solid #D0C8B4;
}

div#footerArea p#fNavi a{
text-decoration:none;
}

div#footerArea p#fInfo{
width:840px;
padding:10px 0;
border-bottom:1px solid #D0C8B4;
}

div#footerArea p#fInfo img{
float:left;
margin:3px 10px 0 0;
}

div#footerArea p#fCopy{
float:left;
margin:10px 0 0 0;
}

div#footerArea p#fNetoption{
float:right;
margin:5px 0 0 0;
padding:0 0 15px 0;
}