@charset "utf-8";

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,tr,td,span,a,img,hr,fieldset,legend,label,form{ margin:0;padding:0;border:0;}
input,button,select{ margin:0;padding:0;}


html {
height: 100%;
margin-bottom: 1px;
}


body {
font-size:100%;
height:100%;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background:url(../image/cross.gif) repeat;
}

a:link{ 	color:#8d4c0e;text-decoration:none; }
a:visited { color:#8d4c0e;text-decoration:none; }
a:active { 	color:#8d4c0e;text-decoration:none;}
a:hover { 	color:#8d4c0e;text-decoration:underline;}




#container{
width:100%;
background:url(../image/bg1.gif) repeat-x left top;
}

.utilBox{
background:#013461;
text-align:center;
}

.util{
width:960px;
min-width:960px;
margin:0 auto;
text-align:left;
}

.util h1{
display:block;
width:475px;
max-width:475px;
float:left;
padding-left:5px;
color:#fff;
font-size:75%;
font-weight:normal;
line-height:1.6;
}

.util strong{
display:block;
width:475px;
max-width:475px;
float:left;
padding-left:5px;
color:#fff;
font-size:75%;
font-weight:normal;
line-height:1.6;
}

.util ul{
display:block;
float:right;
width:465px;
max-width:465px;
padding:5px 15px 0 0;
list-style:none;
font-size:70%;
text-align:right;
}

*html .util ul{ padding-top:6px;}
*+html .util ul{ padding-top:6px;}
html>/**/body .util ul{ padding-top /*\**/: 6px\9; }

.util ul li{
display:inline;
padding-right:15px;
line-height:1;
}




.util ul a:link{ color:#fff;text-decoration:none; }
.util ul a:visited { color:#fff;text-decoration:none; }
.util ul a:active { color:#fff;text-decoration:none;}
.util ul a:hover { color:#fff;text-decoration:underline;}





#logoBox {
width:960px;
margin:0 auto;
height:40px;
padding-top:7px;
padding-left:-2px;
padding-bottom:9px;
background:#fff;
}


#logoBox img.logo{
display:block;
float:left;
margin-left:14px;
display:inline;
}


#logoBox dl{
float:right;
width:203px;
padding-top:10px;
font-size:0;
line-height:0
}



#logoBox dt{
float:left;
width:50px;
padding:6px 11px 0 0;
}

#logoBox dd{
float:left;
width:142px;
}






.shadow{
width:960px;
margin:0 auto;
background:url(../image/shadow.gif) repeat-y left top;
}











/* +++++++++ page Layout ++++++++++++++++++
	
++++++++++++++++++++++++++++++++++++++ */

/* for Top(Home) page */
.ctsBox{
width:960px;
margin:0 auto;
padding-top:17px;
line-height:1.33;
font-size:75%;
background:url(../image/ctsbox_bg.gif) no-repeat center top;
}

.mainBox{
width:723px;
padding:0 0 0 19px;
float:left;
}



.sub_Box{
width:185px;
float:right;
margin-right:4px;
padding:0 15px 0 0;
display:inline;
background:url(../image/sub_box_bg.gif) no-repeat left top;
min-height:660px;
_height:660px;
}


.main{
width:539px;
float:right;
}

.navi{
width:169px;
float:left;
}



/* case for 2 or 3 column layout (except top page) */

.ctsCol2Box,
.ctsCol3Box{
width:960px;
margin:0 auto;
min-height:404px;
background:url(../image/ctsbox_bg_2nd.gif) no-repeat left top;
line-height:1.33;
font-size:75%;
}


.ctsCol2Box .mainBox{ width:703px; padding:39px 0 0 39px; }
.ctsCol3Box .mainBox{ width:723px; padding:36px 0 0 15px; }


.ctsCol2Box .sub_Box{ width:182px; padding:4px 11px 0 10px; background:none; }
.ctsCol3Box .sub_Box{ width:182px; padding:4px 11px 0 10px; background:none; }


.ctsCol2Box .main{ width:683px; float:none; }
.ctsCol3Box .main{ width:539px; }








.headline{
display:block;
width:665px;
margin-bottom:15px;
padding:17px 20px 16px 18px;
font-size:133%;
color:#fff;
line-height:1.25;
background:url(../image/headline_bg.gif) no-repeat left top;
}



ul.btnListHome li{
list-style:none;
font-size:0;
line-height:0;
}

ul.btnList{ margin-left:2px;}
ul.btnList li{ 
list-style:none;
font-size:0;
line-height:0;
}


dl.ranking{ margin-top:-2px;}
dl.ranking dt{
font-size:0;
line-height:0;
}

dl.ranking dd li{
clear:both;
padding:10px 0 8px;
font-size:80%;
list-style:none;
background:url(../image/ranking_line.gif) repeat-x left bottom;
line-height:1.2;
}

dl.ranking dd li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

dl.ranking dd li{ display:inline-block; }

/* Hides from IE-mac \*/
* html dl.ranking dd li{ height:1%; }

dl.ranking dd li{ display: block; }
/* End hide from IE-mac */




dl.ranking dd span{
display:block;
width:100px;
float:left;
}

dl.ranking dd img{
display:block;
width:50px;
float:right;
margin-right:7px;
display:inline;
}


dl.ranking dd strong img{
display:inline;
vertical-align:text-bottom;
float:none;
width:17px;
height:16px;
margin-right:3px;
}



dl.ranking dd strong{
display:block;
margin-bottom:2px;
font-size:120%;
}


#footerBox{
width:960px;
margin:0 auto;
height:40px;
padding-top:16px;
font-size:0;
line-height:0;
text-align:right;
background:url(../image/footer.gif) no-repeat left bottom;
}

#footerBox address{
display:block;
width:262px;
height:9px;
margin:0 24px 0 auto;
}


/* +++++++++ common ++++++++++++++++++



++++++++++++++++++++++++++++++++++++++ */

ul.pgStrt{
width:8.5em;
padding:27px 0 26px;
margin-left:auto;
list-style:none;
}

ul.pgStrt li{
padding-right:15px;
color:#71564e;
text-align:right;
background:url(../image/icon_pgstrt.gif) no-repeat right 0.3em;
}




ul.pgStrt li a:link{ color:#71564e;text-decoration:none; }
ul.pgStrt li a:visited { color:#71564e;text-decoration:none; }
ul.pgStrt li a:active { color:#71564e;text-decoration:none;}
ul.pgStrt li a:hover { color:#71564e;text-decoration:underline;}





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

.clearfix{ display:inline-block; }

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

.clearfix{ display: block; }
/* End hide from IE-mac */



hr{
clear:both;
line-height:0;
font-size:0;
height:0;
visibility:hidden;
_display:none;
}

*:first-child+html hr{
display:none;
margin:0;
padding:0;
}

*+html body hr{
margin:0;
padding:0;
}


/*
    エラー表示
*/

.errorMsg 
{
    margin:20px 0 20px 10px;
    padding:20px;
    background:#f0ebde;
    border:1px solid #b49d64;
    font-size:85%;
    color:#c00;
}

.errorMsg ul 
{
    margin:10px 20px 0 20px;
}

th img 
{ 
    vertical-align:middle;
    margin-right:10px;
}

.imeKana
{
    ime-mode:active;
}
.imeEng
{
    ime-mode:inactive;
}
.imeOff
{
    ime-mode:disabled;
}