/* CSS Document */

@media print {
　body{background-color:#ffffff;}
}

@media screen{
	　body{background-color: #2DB7A5;}
}


body{
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin:0 auto;
	padding:0px;
	background-image: url(../images/body_back.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align:center;
}
h1{
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	color: #EFEFEF;
	height:12px;
	margin:0px;
	text-align:left;
	float:left;
	/*width:615px;*/
	width:607px;
	padding:0px;
	text-indent: 8px;
}

html* h1{width:600px;}

 
div#header{
	width:800px;
	margin:0 auto;
	display:block;
	text-align:left;
	height:131px;
	display:block;
	background-image: url(../images/header_back.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	clear:both;
	}


div#header img{border:0px;margin:0px 0px 0px 8px;padding:0px;float:left;}

/*---------フォントリスト---------*/
ul#fonts{
	background-image: url(../images/fonts.gif);
	margin: 0px 9px 0 0;
	padding:0px;
	float:right;
	width: 181px;
	clear:right;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
}
:root ul#fonts{height: 79px;}
html* ul#fonts{height: 80px;margin:0 5px 0 0;}

ul#fonts li{
	width:25px;
	height:25px;
	list-style-type: none;
	float:left;
	display:block;
}
ul#fonts li a{outline:none;}

li.l_size{margin-top:5px;margin-right:3px;margin-bottom:0px;padding-left:91px;}


li.l_size a{
	background-image: url(../images/l_size.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	width: 25px;
	text-indent:-999999px;
	display:block;
}
li.l_size a:hover{
	background-image: url(../images/l_size_on.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	width: 25px;
	text-indent:-999999px;
	display:block;
}

li.m_size{margin:5px 3px 0 0;}
li.m_size a{
	background-image: url(../images/m_size.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	width: 25px;
	text-indent:-999999px;
	display:block;
}
li.m_size a:hover{
	background-image: url(../images/m_size_on.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	width: 25px;
	text-indent:-999999px;
	display:block;
}

li.s_size{margin:5px 0 0 0;}
li.s_size a{
	background-image: url(../images/s_size.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	width: 25px;
	text-indent:-999999px;
	display:block;
}
li.s_size a:hover{
	background-image: url(../images/s_size_on.gif);
	background-repeat: no-repeat;
	padding: 0px;
	height: 25px;
	width: 25px;
	text-indent:-999999px;
	display:block;
}

/*------------メニュー------------*/
ul#menu{
	width:795px;
#width:100%;
	height:49px;
	padding:0px;
	display:block;
	margin:0 auto;
	clear:both;
	list-style-type: none;
	background-image: url(../images/menu_back.gif);
	background-repeat: repeat-x;
	border-top: 2px solid #DAF2E4;
	border-right: 2px solid #DAF2E4;
	border-bottom: 4px solid #CEF8F2;
	border-left: 2px solid #DAF2E4;
}
*html ul#menu{margin-left:1px;margin-top: 0px;height:51px;}
:root ul#menu{height:46px;width:798px;}


ul#menu li{
	margin:0px;
	padding:0;
	height:45px;
	list-style-type: none;
	display:block;
	float:left;
}
ul#menu li a{outline:none;}

.menu_1 a{width:155px;
	height:45px;
	background-image: url(../images/menu_1.gif);
	background-repeat: no-repeat;
	background-position: left center;display:block;
	margin:0;
	text-indent:-999999px;}
.menu_1 a:hover{
	background-image: url(../images/menu_1.gif);
	background-repeat: no-repeat;
	background-position: right center;display:block;
}

.menu_2 a{width:151px;
	height:45px;
	background-image: url(../images/menu_2.gif);
	background-repeat: no-repeat;
	background-position: left center;display:block;
	margin:0 0 0 8px;
	text-indent:-999999px;}
.menu_2 a:hover{
	background-image: url(../images/menu_2.gif);
	background-repeat: no-repeat;
	background-position: right center;display:block;
}

.menu_3 a{width:151px;
	height:45px;
	background-image: url(../images/menu_3.gif);
	background-repeat: no-repeat;
	background-position: left center;display:block;
	margin:0 0 0 8px;
	text-indent:-999999px;}
.menu_3 a:hover{
	background-image: url(../images/menu_3.gif);
	background-repeat: no-repeat;
	background-position: right center;display:block;
}

.menu_4 a{width:151px;
	height:45px;
	background-image: url(../images/menu_4.gif);
	background-repeat: no-repeat;
	background-position: left center;display:block;
	margin:0 0 0 9px;
	text-indent:-999999px;}
html* .menu_4 a,html* .menu_4 a:hover{margin:0 0 0 7px;}
.menu_4 a:hover{
	background-image: url(../images/menu_4.gif);
	background-repeat: no-repeat;
	background-position: right center;display:block;
}

.menu_5 a{width:155px;
	height:45px;
	background-image: url(../images/menu_5.gif);
	background-repeat: no-repeat;
	background-position: left center;display:block;
	margin:0px 0 0 9px;
	padding:0;
	text-indent:-999999px;}

.menu_5 a:hover{
	background-image: url(../images/menu_5.gif);
	background-repeat: no-repeat;
	background-position: right center;display:block;
}


/*-------------main----------------*/
div#main-all{
	width:100%;
	margin:0px;
	font-size: 12px;
	background-color: #FFFFFF;
padding: 0px;
	clear:both;
height:auto;
}



div.main{
	width:780px;
	text-align:left;
	margin:0px auto;

	background-color: #FFFFFF;

	/*padding: 0px 0 140px 0;
	background-image: url(../images/main_back.gif);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	
	zoom:1; 
}

div.main:after {
content:".";
display:block; 
height:0.1px; 
clear:both; 
visibility:hidden; 
overflow:hidden; 
}


p.text{margin:0px;}
p#contact{background-image: url(../images/main_back.gif);
	background-repeat: no-repeat;background-position: center bottom;display:block;height:145px;width:780px;clear:both;text-indent:-999999px;}
/*-------------footer----------------*/
div#footer{
	width:100%;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin:0px;
	padding:0px;
	clear:both;
	height:63px;
}
div#footer center{width:780px;margin:0px auto;padding:0px;}
div#footer ul{
	height:63px;
	width:680px;
	background-image: url(../images/footer_ul.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0px;
	padding:0px;
	font-size: 11px;
	color: #2DB7A5;
	float:left;
	display:block;
}

div#footer ul li{
	float:left;
	margin:3px 0px 0 0px;
	pading:0px 5px 0 10px;
	height:auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #2DB7A5;
	list-style-type: none;
	text-indent:10px;
}
div#footer ul li a{margin-right:10px;}

li#farst{border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #2DB7A5;
	text-indent: 0px;
	/*padding-left:10px;*/}
	
div#footer ul a{
	color: #092A5C;
}
div#footer ul a:hover{
	color: #009900;
}

a#pagetop{width:98px;
display:block;
background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;height:24px;margin:0px;padding:0px;outline:none;
	text-indent:-999999px;
	float:left;}
a:hover#pagetop{
background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/*上部パンくず*/

ul#pan{
	width:780px;
	height:auto;
	padding:10px 0px;
	margin:0px;
	background-color: #FFFFFF;
	background-image: url(../images/pan_back.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	display:block;
	clear:both;
	font-size: 12px;
	min-height:20px;
}
* html ul#pan{overflow: auto;}

ul#pan li{
	float:left;
	margin:0px;
	pading:0px 10px 0 10px;
	height:auto;
	list-style-type: none;
	text-indent:10px;
	display:block;
	}
ul#pan li a{
	margin-right:10px;
	color: #336666;
	background-color: #FFFFFF;
	background-image: url(../images/pan_naka.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
}
ul#pan li a:hover{
	color: #003399;
}