@charset "utf-8";


/* reset
----------------------------------- */

* {
	margin:0px;
	padding:0px;
}

body,
h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul, li,
form, input, select, textarea, fieldset, legend { 
	margin: 0; 
	padding: 0; 
}

h1, h2, h3, h4, h5, h6,
p, address, blockquote, pre, div,
dl, ol, ul,
th { 
	font-weight: normal;
	font-style: normal; 
}

strong { 
	font-weight:normal; 
	font-style: normal; 
}

img {
	border: none;
}

ul,ol {
list-style: none;
}

hr {
	display:none;
}


/* headline
----------------------------------- */
h1 {
	margin-bottom: 23px;
}

h2 {
}

blockquote {
}

/* body
----------------------------------- */

body {
	margin:0;
	padding:0;
	background-color: #FFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 1.8em;
}

a       {text-decoration:none;}
a:link  {color:#2580C9;text-decoration:none;}
a:hover {color:#2580C9;text-decoration:underline;}


/* class
----------------------------------- */

.r {float:right;}
.l {float:left;}

.clear {
	height:0px;
	clear:both;
	font-size:10%;
}


/* oowaku
----------------------------------- */
#all {
	background: url(../image/bg_all.gif) repeat left top;
} 

#container {
	width: 930px;
	background-color: #FFFFFF;
	margin: 0 auto;
	text-align: center;
}

#container-in {
	width: 900px;
	margin: 0 15px;
	text-align: left;
}


/* headerLogo
----------------------------------- */
#headerLogo {
	padding-top: 8px;
	height: 38px;
	text-align: right;
}

/* header
----------------------------------- */
#header {
	padding-bottom: 8px;
	border-top: #ddd solid 1px;
	border-left: #ddd solid 1px;
	border-right: #ddd solid 1px;
	position: relative;
}

#headLine {
	padding-top: 13px;
	padding-left: 20px;
	padding-bottom: 25px;
	width: 485px;
}

#headLineCopy {
	margin-bottom: 23px;
}

#headerImg {
	position: absolute;
	top:1px;
	right:1px;
}

#obi {
	margin-bottom: 23px;
}


/* headerInquiry
----------------------------------- */
#headerInquiry {
	margin-bottom: 70px;
	width: 900px;
	height: 200px;
	background: url(../image/inquiry_bg1.jpg) no-repeat top left;
}

#headerInquiry h2 {
	padding-top: 15px;
}

#headerInquiry p{
	padding: 10px 0 10px 20px;
}

#headerInquiry .inqButtun{
	margin-left: 20px;
	width: 634px;
}

#headerInquiry .inqButtun ul li{
	float: left;
	padding-right: 15px;
}

#headerInquiry .inqButtun ul li a{
	display: block;
	width: 302px;
	height: 69px;
}

#headerInquiry .inqButtun ul li.inqForm a {
	background: url(../image/inquiry_btn_mail_on.jpg) no-repeat left top;
}

#headerInquiry .inqButtun ul li a:hover {
	text-indent: -9999px;
	outline: none;
}


/* main 
----------------------------------- */
#main {
	width: 900px;
}

/* index
----------------------------------- */
#index {
	margin-bottom: 70px;
}

#index h2 {
	margin-bottom: 15px;
}

#index ol {
	margin: 0 30px;
}

#index ol li {
	height: 43px;
	padding-top: 12px;
}

#index ol li span{
	text-indent: -9999px;
	display:none;
	font-size:0.1px;
	line-height:0;
}

#index ol li.index1 { background: url(../image/index1.gif) no-repeat left top;}
#index ol li.index2 { background: url(../image/index2.gif) no-repeat left top;}
#index ol li.index3 { background: url(../image/index3.gif) no-repeat left top;}
#index ol li.index4 { background: url(../image/index4.gif) no-repeat left top;}
#index ol li.index5 { background: url(../image/index5.gif) no-repeat left top;}
#index ol li.index6 { background: url(../image/index6.gif) no-repeat left top;}

#index ol li a.indexPoint {
	float: right;
	display: block;
	height: 32px;
	width: 201px;
	background: url(../image/index_btn_on.jpg) no-repeat left top;
}

#index ol li a.indexPoint:hover {
	text-indent: -9999px;
	outline: none;
}


/* point
----------------------------------- */
#point h3 {
	height: 98px;
	text-indent: -9999px;
	font-size: 0.1px;
	line-height: 0;
}

#point1,#point2,#point3,#point4,#point5,#point6 {
	width: 900px;
	padding-bottom: 80px;
	position: relative;
}

#point1 h3 {	background:url(../image/point1_tit.gif) no-repeat left top;}
#point2 h3 {	background:url(../image/point2_tit.gif) no-repeat left top;}
#point3 h3 {	background:url(../image/point3_tit.gif) no-repeat left top;}
#point4 h3 {	background:url(../image/point4_tit.gif) no-repeat left top;}
#point5 h3 {	background:url(../image/point5_tit.gif) no-repeat left top;}
#point6 h3 {	background:url(../image/point6_tit.gif) no-repeat left top;}

#point img.pointImg {
	position: absolute;
	top: 54px;
	left: 21px;
}

#point p.pointText {
	width: 590px;
	padding-top: 15px;
	padding-left: 310px;
	padding-bottom: 65px;
	background: url(../image/point_bg.gif) no-repeat bottom right;
}

#point div.pointLink{
	height: 30px;
}

#point div.pointLink ul {
	float:right;
	padding-top: 5px;
}

#point div.pointLink ul li {
	display:inline;
	padding-right: 15px;
}

/* inquiry
----------------------------------- */
#inquiry {
	margin-bottom: 30px;
	width: 900px;
	height: 200px;
	background: url(../image/inquiry_bg.jpg) no-repeat top left;
}

#inquiry h2 {
	padding-top: 15px;
}

#inquiry p{
	padding: 10px 0 10px 20px;
}

#inquiry .inqButtun{
	margin-left: 20px;
	width: 634px;
}

#inquiry .inqButtun ul li{
	float: left;
	padding-right: 15px;
}

#inquiry .inqButtun ul li a{
	display: block;
	width: 302px;
	height: 69px;
}

#inquiry .inqButtun ul li.inqForm a {
	background: url(../image/inquiry_btn_mail_on.jpg) no-repeat left top;
}

#inquiry .inqButtun ul li a:hover {
	text-indent: -9999px;
}


/* flow
----------------------------------- */
#flow {
	margin-bottom: 20px;
}

#flow #flowIn {
	padding: 20px;
}

#flow h3 {
	margin-bottom: 17px;
}

#flow ol li {
	padding-top: 43px;
	padding-left: 17px;
	height: 105px;
	line-height:150%;
}

#flow #flowIn ol li span {
	text-indent:-9999px;
	visibility:hidden;
	line-height:0;
	font-size:0px;
}

#flowTel {
	float: left;
	width: 412px;
}

#flowTel ol li#flowTel1 { background: url(../image/flow_tel1_bg.gif) no-repeat left top;}
#flowTel ol li#flowTel2 { background: url(../image/flow_tel2_bg.gif) no-repeat left top;}
#flowTel ol li#flowTel3 { background: url(../image/flow_tel3_bg.gif) no-repeat left top;}
#flowTel ol li#flowTel4 { background: url(../image/flow_tel4_bg.gif) no-repeat left top;}
#flowTel ol li#flowTel5 { background: url(../image/flow_tel5_bg.gif) no-repeat left top;}
#flowTel ol li#flowTel6 { background: url(../image/flow_tel6_bg.gif) no-repeat left top;}

#flowMail {
	float: right;
	width: 412px;
}

#flowMail ol li#flowMail1 { background: url(../image/flow_mail1_bg.gif) no-repeat left top;}
#flowMail ol li#flowMail2 { background: url(../image/flow_mail2_bg.gif) no-repeat left top;}
#flowMail ol li#flowMail3 { background: url(../image/flow_mail3_bg.gif) no-repeat left top;}
#flowMail ol li#flowMail4 { background: url(../image/flow_mail4_bg.gif) no-repeat left top;}
#flowMail ol li#flowMail5 { background: url(../image/flow_mail5_bg.gif) no-repeat left top;}
#flowMail ol li#flowMail6 { background: url(../image/flow_mail6_bg.gif) no-repeat left top;}

/* inquiry2
----------------------------------- */
.inquiry2 {
	clear: both;
	width: 900px;
	height: 184px;
	background: url(../image/inquiry_bg2.jpg) no-repeat top left;
}

.inquiry2 p{
	padding: 13px 0 10px 115px;
}

.inquiry2 .inqButtun{
	margin-left: 115px;
	width: 634px;
}

.inquiry2 .inqButtun ul li{
	float: left;
	padding-right: 15px;
}

.inquiry2 .inqButtun ul li a{
	display: block;
	width: 302px;
	height: 69px;
}

.inquiry2 .inqButtun ul li.inqForm a {
	background: url(../image/inquiry_btn_mail_on.jpg) no-repeat left top;
}

.inquiry2 .inqButtun ul li a:hover {
	text-indent: -9999px;
}


/* guidance
----------------------------------- */
#guidance {
	padding: 0 114px 20px;
}

#guidance dl dt {
	padding-top: 15px;
}

/* footer
----------------------------------- */
#footer {
	width: 930px;
}

#footer #footermenu {
	height: 38px;
	background-color: #d7d7d7;
	padding-left: 300px;
}

#footer #footermenu ul {
	padding-top: 8px;
	float: left;
	width: 335px;
}

#footer #footermenu ul li {
	float: left;
	padding-right: 22px;
	display: block;
}

#footer #copy {
	clear: both;
	height: 25px;
	text-align: center;
}