/****************************************
		1. reset
*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	color:#666;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 15px;
	font-family:'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','HiraginoSansPr6N','ＭＳ Ｐゴシック',sans-serif;
	vertical-align: baseline;
	list-style:none;
}
a{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#999;
}

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

/*
h1, h2, h3, h5, h6,
#gnav li{
	font-family: '小塚ゴシック Pro H','小塚ゴシック Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
}
h4,h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{
	font-family: '小塚ゴシック Pro B','小塚ゴシック Pro H','小塚ゴシック Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
}
*/

img{
vertical-align: baseline;
}

/****************************************
		2. base 
*****************************************/

/* float */
.fl {float: left;}
.fr {float: right;}

/* text-align */
.tl {text-align: left;}
.tc {text-align: center;}
.tr {text-align: right;}


/* color */
.orange{color:#FF8908;}

/* font */
.bold{font-weight:bold;}
.font_S{font-size:75% !important;}
.font_L{font-size:125% !important;}
.font_LLL{font-size:185% !important;}

/* margin */
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}

.ml20{margin-left:20px !important;}

/****************************************
		3. Basic Layout 
*****************************************/
html{
	font-size: 14px;
}
body{
	line-height: 180%;
	font-size: 115%;
}

.inner{
	width:980px;
	margin:auto;
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;opacity:0.7;
}

a.noop:hover img{
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity:1;              /* Safari 1.x */
	zoom:1;opacity:1;
}


/****************************************
		4. header 
*****************************************/

header{
	padding:0 0 15px 0;
}

header .logo{
	margin-top:15px;
	float:left;
}

header .header_list01{
	text-align:right;
}

header .header_list01 li{
	margin-left:8px;

	font-size:80%;
	display:inline;
}

header .header_list01 li a{
	color:#333333;
}

#footer_top ul li.mark{
	background:url(images/marks.png) left 8px no-repeat;
	padding-left:20px;
}


header .header_list02 li{
	margin-left:8px;
	float:left;
}

/****************************************
		4. gnav 
*****************************************/
#gnav{
	background:url(images/gnav_bg.png) repeat-x;
	height:52px;
}

#gnav ul{
	background:url(images/gnav_line.png) right no-repeat;
	height:52px;
}

#gnav ul li{
	background:url(images/gnav_line.png) left no-repeat;
	float:left;	
}

#gnav ul li img{
	vertical-align:middle;

}

#gnav ul li a{
	width:196px;
	height:48px;
	line-height:44px;
	font-weight:bold;
	text-align:center;
	display:block;
}

#gnav ul li a:hover{
	/*background:rgba(0,0,0,0.1);*/
}


/****************************************
		5. content 
*****************************************/
#content{
	padding:25px 0 0 0;
}


.box{
	background:#FFF;
	box-shadow: inset 0 0 0 10px #F2F2F2; 
	border:solid 1px #D3D3D3;
	padding:25px 20px;
	margin-bottom:15px;
	position:relative;
}

.totop{
	background:#E6E6E6;
	width:150px;
	font-size:75%;
	float:right;
	text-align:center;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

.column1 .title{
	background:url(images/title_bg01.png) no-repeat;
	height:38px;
	line-height:38px;
	padding-left:20px;
	margin-bottom:15px;
}

.column2 .title{
	background:url(images/title_bg.png) no-repeat;
	color:#333333;
	height:38px;
	line-height:38px;
	padding-left:20px;
	margin-bottom:15px;
}

.column2_2 .title{
	background:url(images/title_bg02_2.png) no-repeat;
	color:#333333;
	height:38px;
	line-height:38px;
	padding-left:20px;
	margin-bottom:15px;
}


/****************************************
		6. main 
*****************************************/
.column1 #main{
	width:980px;
}

.column2 #main{
	width:656px;
	float:left;
}
.column2_2 #main{
	width:722px;
	float:left;
}

.main_title{
	background:url(images/main_title_bg.png) no-repeat;
	width:636px;
	height:38px;
	line-height:38px;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:15px;
}
.info ul {
	margin-bottom: 10px;
}
.info ul li {
	margin-left:3px;
	margin-right:3px;
}
.info .tel{
	background:#f2f2f2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:center;
	padding:10px;
}
.column2_2 #contentfooter {
	float:none;
	clear:both;
	padding-top:30px;
}


/****************************************
		7. side 
*****************************************/
#side{
	width:302px;
	float:right;
}

#side h3{
	background:#F2F2F2;
	color:#333333;
	padding-left:15px;
	display:block;
	margin-bottom:10px;	
}

#side li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #333;
	font-size: 15px;
}

#side li.end{
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:none;
}

#side li a{
	background:url(images/marks2.png) left center no-repeat;
	color:#999999;
	padding-left:20px;
}

#side li a:hover,#side li.select a{
	background:url(images/marks.png) left center no-repeat;
	color:#333333;
}

.column2_2 #side{
	width:240px;

}
.column2_2 #side li a {
	padding-left:17px;
}

/****************************************
		8. footer_top 
*****************************************/
#footer_top{
	background:#F3F3F3;
	border-top:solid 2px #E6E6E6;
	padding:25px 0;
}

#footer_top .inner{
	width:980px;
}

/*
#footer_top ul.dai{
	width:220px;
	height: 200px;
	padding-left:15px;
	border-left:1px dotted #666666;
	float:left;
}

#footer_top ul.dai:last-child{
	width: 145px;
}

#footer_top ul.dai:first-child{
	width:196px;
	padding-left:0;
	border-left:none;
}
*/

#footer_top .box01,
#footer_top ul.box02,
#footer_top ul.box03,
#footer_top ul.box04 {
	height: 140px;
	padding: 0 27px 0 14px;
	border-left:1px dotted #666666;
	float:left;
}

#footer_top .box01 {
	padding:0 26px 0 0;
	border:none;
}

#footer_top .box01 p {
	color:#666;
	font-size: 75%;
	margin:0 0 8px 0;
}

#footer_top .box01 .upper {
	padding:0 0 9px 0;
	border-bottom:1px dotted #bbb;
}

#footer_top .box01 .upper p {
	line-height:1.2;
}

#footer_top .box01 .downer {
	padding:16px 0 0 0;
}

#footer_top .box01 .downer .fl p {
	margin:11px 0 0 12px;
	line-height:1.5;
}

#footer_top ul.box04 {
	padding-right:0;
}

#footer_top ul li{
	color:#333;
	font-weight:bold;
	font-size: 75%;
}

#footer_top ul li.mark{
	background:url(images/marks.png) left 8px no-repeat;
	padding-left:20px;
}

#footer_top ul li a{
	color:#333;
}

#footer_top ul li li{
	color:#666;
	font-weight:normal;
	font-size:60%;
}


#footer_top ul li li a{
	color:#666;
}

#footer_top a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/****************************************
		9. footer_bottom 
*****************************************/
#footer_bottom{
	background:#D1D0CF;
	padding:10px 0;
	text-align:center;
}

#footer_bottom small{
	font-size:75%;
}