@charset "utf-8";


@charset "utf-8";

/* =====================
etc
===================== */


p.detaillink{
border-top:1px dashed #999;
margin:6px 0 0 0;
padding:6px 0 0 0;
text-align:right;
font-size:90%;
}

p.detaillink a{
background:#fff url(../images/ico_arw01.gif) no-repeat 0 50%;
padding:0 0 0 15px;
text-decoration:none;
}

p.go_top{
margin:6px 0 0 0;
padding:6px 10px 0 0;
text-align:right;
font-size:90%;
}
p.go_top a{
background:url(../common/images/icon_top.gif) no-repeat 0 50%;
padding:2px 0 0 15px;
text-decoration:none;
}


/*画像回り込み*/
img.imgright{
float:right;
margin:0 0 3px 5px;
}

img.imgleft{
float:left;
margin:0 5px 3px 0;
}


/*周り込み解除*/
.clear{
clear:both;
}


/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/*\*/
* html .clearfix {height: 1%}
.clearfix {display:block;}
/**/


.margin40{
margin:5px 0 10px 40px;
}

.tored{
color:#FF0000;
font-weight:bold;
}


/* =====================
LAYOUT
===================== */
body{
color:#333;
text-align:center;
}

#container{
width:1000px;
margin:0 auto;
}

#header{
width:1000px;
text-align:left;
}


#contents{
width:1000px;
float:right;
margin:0 auto;
}

#mainArea{
width:730px;
float:right;
text-align:left;
margin-left:10px
}
#subArea{
width:250px;
float:left;
text-align:left;
}

#footer{
width:1000px;
margin:0 auto;
clear:both;
}

/* =====================
LINK
===================== */
a:link , a:visited , a:active{
color:#f60;
text-decoration:underline;
}

a:hover{
color:#09c;
text-decoration:none;
}

/*address*/
#footer address a{
color:#ff0;
text-decoration:none;
}

#footer address a:hover{
text-decoration:underline;
}


/*copyright*/
#footer p a{
color:#ccc;
text-decoration:none;
}

#footer p a:hover{
text-decoration:underline;
}



/* =====================
HEADER
===================== */

/*メニュー1セット*/
div#header ul.menu1{
width:300px;
position:relative;
margin-top:-20px;
float:right;
}
div#header ul.menu1 li{
float:left;
margin:0 0 0 20px;
}
div#header ul.menu1 li a{
background: url(../common/images/icon_1.jpg) no-repeat 0 50%;
padding:0 0 0 15px;
text-decoration:none;
}
div#header ul.menu1 li a:hover{
text-decoration:underline;
color:#666;
}

/*メニュー2セット*/
div#header ul.menu2 li{
float:left;
}


/* =====================
CONTENTS
===================== */
h2.title{
width:700px;
font-size:200%;
border-bottom:#FF6600 solid 5px;
margin:10px 0 8px 0;
padding:0 0 0 10px;
}

h3.L_title{
font-size:150%;
font-weight:bold;
}

h4.LL_title{
color:#FFF;
font-size:130%;
font-weight:bold;
background-color:#FF6600;
}


/* =====================
mainArea
===================== */
div.imgbox{
width:710px;
margin-top:20px;
}

div.imgbox p img{
float:left;
margin-right:30px;
}

div.imgbox ul{
margin:20px 0 0 0;
}
div.imgbox ul li{
margin:5px 0 0 0;
font-size:110%;
}



/*TABLE---------------*/

table{
border-collapse:collapse;
border-spacing:0;
}    
th,caption{
text-align:left;
}

.table_hantei{
width:100%;
margin-top:20px;
}
.table_hantei th , .table_hantei td{
border:1px solid #999;
padding:5px;
}
.table_hantei th{
background:#33CCFF;
color:#fff;
}


div#cyuui{
width:600px;
margin:30px 0 30px 70px;
padding:10px 10px;
border:#666 dashed 2px;
color:#333;
font-size:130%;
font-weight:bold; 
background-color:#FFFFCC
}





/* =====================
subArea
===================== */
div#subArea h2{
margin-top:5px;
}
div#subArea p{
margin-top:10px;
}

/*その他よくある*/
p.sonota_link{
text-align:right;
font-size:90%;
}
p.sonota_link a{
text-decoration:none;
}

/* =====================
FOOTER
===================== */

div#footer{
padding-top:20px;
}




