﻿html,body{
	margin: 5px 10px;
	background-color: transparent;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
	scrollbar-face-color: #ffaaaa;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #d2691e;
	scrollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;

}

body.mode2{
	margin: 0px;
	padding:0px;
	background-color: transparent;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:small;
}

#parent{
	width:922px;
	margin: 0px auto;
}

#main_top{
	width:922px;
	height:26px;
	margin: 0px auto;
	background-image: url(../img/main_top_bg.png);
}

#main{
	width:922px;
	margin: 0px auto;
	background-image: url(../img/main_bg.png);
}

#main_under{
	width:922px;
	height:26px;
	margin: 0px auto;
	background-image: url(../img/main_under_bg.png);
}


#headertop{
	width:870px;
	height:340px;
	clear:both;
	margin: 0px auto;
	background-image: url(../img/header_bg.png);
	background-repeat:no-repeat;
}


#headertop .topimg{
	background-image: url(../img/top_img.jpg);
	background-repeat:no-repeat;
	width:870px;
	height:250px;
	margin: 50px 0px 0px 0px;
	clear:both;
}

#headertop .topimg p{
	display:none;
}


#header{
	width:870px;
	height:90px;
	clear:both;
	margin: 0px auto;
	background-image: url(../img/header_bg.png);
}

.logo{
	width:222px;
	height:34px;
	padding:8px 0px 0px 0px;
	margin:0px 30px 0px 0px;
}


.logo a{
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	display:block;
	width:222px;
	height:34px;
}

.logo span{
	display:none;
}

h1{
	width:500px;
	font-size:medium;
	font-weight:normal;
	padding:15px 0px 0px 15px;
	margin: 0px 0px 0px 370px;
}

p{
	font-size:small;
	padding:5px 15px;
	margin: 5px;
}

#contentsarea{
	background:#FFFFFF;
	background-image: url(../img/contentsarea_bg.jpg);
	background-repeat: repeat-x;
	padding: 5px auto;
	width:870px;
	height:100px;
	margin: 0px auto;
}

#contents{
	background:#FFFFFF;
	background-image: url(../img/contents_bg.jpg);
	background-repeat:no-repeat;
	width:640px;
	float:left;
	margin-top: 20px;
	margin-left:10px;
}

#contents .contentsbox{
	margin-left:10px;
}


img.left{
	float:left;
	margin:10px;
}

#contents h2,
#contents h3,
#contents h4{
	background-image: url(../img/midashi.gif);
	background-repeat: no-repeat;
	color:#333333;
	height:40px;
	font-size:large;
	font-weight:normal;
	padding:10px 0px 0px 50px;
	margin: 15px 0px 5px 0px;
	clear:both;
}

#contents h2.pagetop{
	background-image:none;
	border-left: 6px #FF6633 solid;
	color:#333333;
	font-size:x-large;
	font-weight:normal;
	padding:0px 0px 30px 20px;
	margin: 30px 0px 5px 0px;
	clear:both;
}

#contents p.pagetop{
	color:#666666;
	font-size:small;
	font-weight:normal;
	padding:0px 0px 20px 25px;
	margin: -40px 0px 5px 0px;
	clear:both;
}

#contents h2.pagetop2{
	background-image:none;
	border-left: 6px #FF6633 solid;
	color:#333333;
	font-size:22px;
	font-weight:normal;
	padding:10px 0px 20px 20px;
	margin: 30px 0px 15px 0px;
	clear:both;
}

#contents h3.minimenu{
	background-image:url(../img/minimenu_bg.gif);
	color:#FFFFFF;
	height:30px;
	line-height:1.5em;
	font-size:large;
	font-weight:normal;
	padding:0px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	clear:both;
}

.sss{
	text-shadow:3px 3px 5px red;
}

.medium{
	font-size:medium;
}

.uline{
	border-bottom:1px #333333 solid;
}

p.title{
	padding:8px 5px 2px 5px;
	margin: 5px 0px 2px 0px;
}

p.title2{
	font-size:11px;
	padding:0px;
	margin: 0px;
}

p.normal{
	padding:0px 20px;
	margin: 0px;
}

p.normal2{
	font-size:11px;
	padding:0px 0px;
	margin: 0px;
}


.p10{
	padding:10px;
}

.w150{
	width:150px;
}


.w190{
	width:190px;
}

.w200{
	width:200px;
}

.w310{
	width:310px;
}

.w310_bg{
	background:url(../img/310_bg.gif);
	background-position: bottom;
	width:310px;
}

.w400{
	width:400px;
}

.w440{
	width:440px;
}

.mr10{
	margin-right:5px;
}

.left{
	float:left;
}

.contentsbox dt{
	padding:5px 15px;
	margin: 5px;
}

.contentsbox dd{
	padding:5px 15px;
	margin: 5px 5px 25px 5px;
	line-height:2em;
}

.contentsbox dd p{
	padding:0px;
	margin: 10px 0px;
}

.contentsbox dt.q{
	color:#FF0000;
}

.contentsbox dd.a{
	color:#333333;
}

#contents dt.midashi,
#contents h2.midashi,
#contents h3.midashi{
	background-image: url(../img/midashi_s.gif);
	background-repeat: no-repeat;
	color:#FFFFFF;
	height:25px;
	font-size:medium;
	font-weight:normal;
	line-height:1.5em;
	padding:5px 05px;
	margin: 5px;
}


#contents li{
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
}


#contents li.listnone{
	list-style:none;
	padding:0px;
	margin:0px 0px 0px -30px;
}

#contents li.b{
	font-weight:bold;
}


.red{
	color:#FF0000;
}

.err{
	border:1px #ff0000 solid;
	color:#FF0000;
	margin: 10px 30px 10px 20px;
}

#inquiryform{
	margin: 10px 20px;
	padding:5px;
	clear:both;
}

#inquiryform .column{
	margin: 10px 20px;
	padding:5px;
	clear:both;
}

#inquiryform .text{
	width:150px;
	float:left;
}

#inquiryform .obj{
	width:350px;
	float:left;
}

#inquiryform input,
#inquiryform checkbox,
#inquiryform option{
	border: 1px #FFAAFF solid;
	background:#FFDDFF;
	padding: 3px 5px;
}

#inquiryform .sshort{
	width: 50px;
}

#inquiryform .short{
	width: 150px;
}

#inquiryform .middle{
	width: 250px;
}

#inquiryform .long{
	width: 350px;
}

#inquiryform .submit{
	padding: 5px 15px;
	margin: 3px 10px 3px 0px;
	font-size:medium;
}

#inquiryform textarea{
	border: 1px #FFAAFF solid;
	background:#FFDDFF;
	width:100%;
	height:250px;
	font-size:small;
	padding: 5px;
	line-height:1.2em;
}

#sidebar{
	margin-top: 20px;
	margin-left: 10px;
	width:200px;
	float:left;
}

#sidebar p{
	padding:5px 5px;
	margin: 0px;
}

#sidebar .index{
	background:#FF6666;
	font-size:medium;
	font-weight:normal;
	color:#FFFFFF;
	width:180px;
	height:40px;
	margin: 10px auto;
	text-align:center;
	line-height:2.5em;
}

.small{
	font-size:small;
}

#sidebar a.menu{
	display:block;
	font-size:11px;
	color:#FF99CC;
	border: 1px #FF99CC solid;
	padding: 5px;
	margin: 5px;
	text-decoration:none;
	width:160px;
	margin: 10px auto;
}

#sidebar a.menu:hover{
	border: 1px #FF6666 solid;
	color:#FF6666;
}

.sidebox{
	width:185px;
	margin: 0px auto;
	padding: 10px 5px 0px 10px;
	background-image: url(../img/sidebox.png);
}

.sidebox img.center{
	margin: 0px auto;
}

.sidebox_under{
	width:200px;
	height:15px;
	margin: 0px auto 10px auto;
	background-image: url(../img/sidebox.png);
	background-position:bottom;
}

h3.info{
	margin: 5px auto;
	text-align:center;
}
.infotitle{
	width:50px;
	clear:both;
	font-size:10px;
	float:left;
}

.infotext{
	margin-left:50px;
	font-size:11px;
}

.maparea{
	padding:10px 5px 0px 5px;
}
a.map{
	font-size:11px;
}

#menu{
	position:absolute;
	top:76px;
	margin: 0px 26px;
	width:870px;
	height:40px;
	clear:both;
}

#menu span{
	display:none;
}

#menu ul{
	background-image: url(../img/m_all.jpg);
	background-repeat: no-repeat;
	width:870px;
	margin:0px;
	padding:0px;
}

#menu li{
	display:inline;
	width:124px;
	height:40px;
	padding:0px;
	margin:0px;
}

#menu li a{
	display:block;
	padding: 0px;
	line-height:3em;
	color:#666666;
	text-align:center;
	text-decoration:none;
	float:left;
	width:124px;
	height:40px;
}


#menu li.top a{
	background-image: url(../img/m_top.jpg);
	background-repeat: no-repeat;
}

#menu li.top a:hover{
	background-image: url(../img/m_top_h.jpg);
	background-repeat: no-repeat;
}


#menu li.profile a{
	background-image: url(../img/m_profile.jpg);
	background-repeat: no-repeat;
}

#menu li.profile a:hover{
	background-image: url(../img/m_profile_h.jpg);
	background-repeat: no-repeat;
}

#menu li.kojin a{
	background-image: url(../img/m_kojin.jpg);
	background-repeat: no-repeat;
}

#menu li.kojin a:hover{
	background-image: url(../img/m_kojin_h.jpg);
	background-repeat: no-repeat;
}


#menu li.houjin a{
	background-image: url(../img/m_houjin.jpg);
	background-repeat: no-repeat;
}

#menu li.houjin a:hover{
	background-image: url(../img/m_houjin_h.jpg);
	background-repeat: no-repeat;
}


#menu li.woman a{
	background-image: url(../img/m_woman.jpg);
	background-repeat: no-repeat;
}

#menu li.woman a:hover{
	background-image: url(../img/m_woman_h.jpg);
	background-repeat: no-repeat;
}


#menu li.column a{
	background-image: url(../img/m_column.jpg);
	background-repeat: no-repeat;
}

#menu li.column a:hover{
	background-image: url(../img/m_column_h.jpg);
	background-repeat: no-repeat;
}


#menu li.qa a{
	background-image: url(../img/m_qa.jpg);
	background-repeat: no-repeat;
	width:126px;
}

#menu li.qa a:hover{
	background-image: url(../img/m_qa_h.jpg);
	background-repeat: no-repeat;
}

#footer_inq{
	background-image:url(../img/footer_inq.jpg);
	background-repeat:no-repeat;
	padding-top: 17px;
	width:890px;
	height:150px;
	padding: 0px;
	color:#999999;
	font-size:12px;
	font-weight:normal;
}

#footer_inq a.mail{
	background:url(../img/footer_inq.jpg) -15px -17px no-repeat;
	display:block;
	width:320px;
	height:120px;
	padding: 0px;
	color:#999999;
	font-size:12px;
	font-weight:normal;
	margin: 0px 15px 13px 15px;
}
#footer_inq a.mail:hover{
	background:url(../img/footer_inq2.jpg) -15px -17px no-repeat;
}
#footer_inq a.mail span{
	display:none;
}

#footermenu{
	text-align:right;
	margin: 0px;
	clear:both;
}

#footermenu ul{
	float:right;
	margin:0px;
	padding:0px;
}

#footermenu li{
	display:inline;
	padding:0px;
	margin:0px;
}

#footermenu li a{
	background-image:url(../img/footermenu_p1.jpg);
	background-repeat:no-repeat;
	background-position: 5px 7px;
	display:block;
	padding: 0px;
	color:#999999;
	font-size:12px;
	font-weight:normal;
	padding: 5px 5px 5px 15px;
	text-align:center;
	text-decoration:none;
	float:left;
}

#footermenu li a:hover{
	background-image:url(../img/footermenu_p2.jpg);
	background-repeat:no-repeat;
	background-position: 5px 7px;
	display:block;
	padding: 0px;
	color:#666666;
	font-size:12px;
	font-weight:normal;
	padding: 5px 5px 5px 15px;
	text-align:center;
	text-decoration:none;
	float:left;
}


#footer{
	width:890px;
	margin: 15px auto 0px auto;
	clear:both;
	color:#FFFFFF;
	text-align:center;
}

.copy{
	background-image: url(../img/copy_bg.jpg);
	height:40px;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 15px;
	line-height:3em;
	clear:both;
	color:#FFFFFF;
	text-align:left;
}

.copy a{
	color:#FFFFFF;
}

.clear{
	height:1px;
	clear:both;
}

.clear17{
	height:17px;
	clear:both;
}