@charset "utf-8";

/*
COMMON BOX LAYOUT
*/

div#allbox{
width: 950px;  margin: 10px auto 0px; text-align: left;
}
@media screen and (max-device-width: 480px){
	div#allbox{
	width: auto;
	}
}


div.s-left{
float: left;
}
div.s-right{
float: right; margin-left: auto; margin-right: 0px;
}



/*
#headerbox
------------------------------*/
#content-page #headerbox{
background: url(../img000/header/chara.png) no-repeat right top;
}



/*
.pagettl
*/
#headerbox h2.pagettl{
margin: 0px -50px 0px -20px;	
}


/*
.menubar
*/
#top-page #headerbox div.menubar{
position: relative; background: url(../img000/header/menubar/photo.png) no-repeat right 30px; margin: -50px 0px 0px; 
}
#content-page #headerbox div.menubar{
padding-top: 20px;
}
#headerbox div.menubar h4{
margin: 0px 0px 20px; text-align: center;	
}
#content-page #headerbox div.menubar h4{
display: none;
}

#headerbox div.menubar ul:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}
#headerbox div.menubar ul{
zoom: 1;	 position: relative; background: url(../img000/line/stitch.png) no-repeat center bottom; margin: 0px -10px 0px 0px; padding: 0px 0px 48px;	
}

#headerbox div.menubar ul li{
float: left; margin: 0px 0px 10px; padding: 0px 10px 0px 0px; line-height: 1;
}
#headerbox div.menubar ul li a:hover{
opacity: 0.7; filter: alpha(opacity=70);
}
#headerbox div.menubar ul li.btn-reform a:hover,
#headerbox div.menubar ul li.btn-education a:hover{
opacity: 1.0; filter: alpha(opacity=100);
}


@media screen and (max-device-width: 480px){
	#top-page #headerbox div.menubar{
	background: none;
	}
	#headerbox div.menubar li{
	float: none; width: 100%; text-align: center;
	}

	#headerbox div.menubar li img{
	width: 100%;
	}
}









/*
#footerbox
------------------------------------------------------------*/
/*
div.address
------------------------------*/
#footerbox div.address{
background: url(../img000/footer/address/duck.png) no-repeat 800px top; padding: 63px 0px 0px;	
}
#footerbox div.address div.inner:after{
content: "."; clear: both; display: block; height: 0px; visibility: hidden;
}
#footerbox div.address div.inner{
zoom: 1; background: #FCF4DF; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 15px 110px; behavior: url(/htc/PIE.htc);
}
#footerbox div.address h3{
margin: 0px 0px 10px; text-align: center;	
}
#footerbox div.address address{
float: left; width: 420px; margin: 0px; font-size: 91.6%;	
}
#footerbox div.address p{
float: right; width: 260px; height: 90px; margin: 0px; 	
}

@media screen and (max-device-width: 480px){
	#footerbox div.address{
	background-position: right top;
	}
	#footerbox div.address div.inner{
	padding: 15px;
	}
	#footerbox div.address address{
	float: none; width: auto;
	}
	#footerbox div.address p{
		float: none; width: auto; height: auto;
	}
}


/*
#copyright
------------------------------*/
div#copyright{
padding: 1em 0px;
}
div#copyright p{
margin: 0px;
}
div#copyright p.owner{
margin-bottom: 6px; font-size: 83.3%; line-height: 1.2em; text-align: center; 
}
div#copyright p.producer{
clear: left;	
}
div#copyright p.producer a{
display: block; width: 172px; height: 9px; background: url(../img000/footer/copyright/producer.gif) no-repeat center top; margin: 0px auto; line-height: 1.2em; text-align: left; text-indent: -9999px; overflow: hidden; cursor: default;
}


/*
#maincontentbox
------------------------------*/
div#maincontentbox{
width: 950px;
}

@media screen and (max-device-width: 480px){
	div#maincontentbox{
	width: auto;
	}
	div#maincontentbox img{
	width: 100%; 
	}
}


/*
#contentbox
------------------------------*/




/*
.blockbox
------------------------------*/
div.blockbox{
display: block; margin: 0px 0px 3em;
}
div.blockbox div.box-s{
margin: 0px 0px 3em;
}
div.blockbox.lastChild{
margin-bottom: 0px;	
}


/*
table.itemlist
------------------------------*/
table.itemlist{
width: 100%; margin: 0px 0px 1.8em;
}
li table.itemlist{
margin-bottom: 0px;
}
table.itemlist caption{
padding: 0px 0px 0.5em; color: #444; font-weight: bold; text-align: left; 
}

table.itemlist th,
table.itemlist td{
vertical-align: top; font-size: 100%;
}
table.itemlist th{
width: 150px; background: url(../img000/line/gray_dotted.gif) no-repeat left bottom; padding: 6px 10px; font-weight: normal; text-align: left;
}
table.itemlist th div{
background: #CCEA95; padding: 2px; text-align: center;
}
table.itemlist td{
background: url(../img000/line/gray_dotted.gif) no-repeat left bottom; padding: 8px 10px 6px 10px;
}

table.itemlist table{
border-collapse: collapse;
}
table.itemlist table th{
width: auto; padding: 0px 10px 0px 0px;	
}
table.itemlist table td{
padding: 0px;
}

/*
table.note
------------------------------*/
table.note{
width: 100%; border: 2px solid #999; border-collapse: collapse; margin: 0px 0px 1.5em; 	
}
table.note th{
padding: 20px; text-align: center;	
}
table.note td{
padding: 20px;  border-left: 1px solid #999;
}

table.note td p.lastChild{
margin-bottom: 0px;
}


/*
table.itemtable
------------------------------*/
table.itemtable{
width: 100%; margin: 0px 0px 1.5em; border-collapse: collapse;
}
table.itemtable th{
width: 160px; background: #E7F4D8; border: 1px solid #ccc; padding: 6px 10px; font-weight: normal; line-height: 1.6em; text-align: left;
}
table.itemtable tr.even th{
background: #CCE6AA
}
table.itemtable td{
background: #F9F9F9; border: 1px solid #ccc; padding: 6px 10px; line-height: 1.6em;
}
table.itemtable tr.even td{
background: #E6E6E6;
}




/*
table.linelist
table#inquiry_form
------------------------------*/
table.linelist,
table#inquiry_form{
width: 100%; margin: 0px 0px 1.6em;
}
table.linelist caption,
table#inquiry_form caption{
padding: 0px 0px 0.5em; color: #000; line-height: 1.4em; text-align: left;
}
table.linelist thead th,
table#inquiry_form thead th{
background: #E6E6E6; border: 0px none #fff; padding: 6px 10px;
}
table.linelist.charge thead th
text-align: right;
}
table.linelist thead th.firstChild,
table#inquiry_form thead th.firstChild{
text-align: left;
}
table.linelist th,
table#inquiry_form th{
border-bottom: 1px solid #ccc; padding: 6px 10px 6px 0px; font-weight: normal; text-align: left; vertical-align: top;
}
table#inquiry_form tbody th{
width: 200px; vertical-align: middle;
}
table.linelist.charge th{
padding: 6px 10px;	
}
table.linelist td,
table#inquiry_form td{
border-bottom: 1px solid #ccc; padding: 6px 0px; vertical-align: top;
}
table.linelist.charge td{
padding: 6px 10px;	
}
table.linelist.charge td{
text-align: right;	
}
table#inquiry_form td table td{
background: url(../../img000/line/gray_dotted.gif) no-repeat left bottom; border-bottom: 0px none #fff!important; 
}
table#inquiry_form td table td.firstChild{
white-space: nowrap;
}