@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 {
	padding: 0;
	margin: 0;
}

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;
}

#header #obi {
	text-indent: -9999px;
	line-height: 0;
	font-size: 0.1px;
	padding: 0;
	margin: 0;
}

#header div#headerMenu {
	padding-top: 60px;
	padding-left: 70px;
	height: 60px;
	background: url(../image/header_obi.jpg) no-repeat;
}

#header div#headerMenu ul li {
	float: left;
}

#header div#headerMenu ul li#hm01 {
	margin-right: 112px;
	background: url(../image/header_btn01_on.jpg) no-repeat left top;
}

#header div#headerMenu ul li#hm02 {
	background: url(../image/header_btn02_on.jpg) no-repeat left top;
}

#header div#headerMenu ul li a {
	display: block;
	width: 323px;
	height: 45px;
}

#header div#headerMenu ul li a:hover {
	text-indent: -9999px;
}

#header p#read {
	padding: 40px 0px 35px;
	text-align: center;
}

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

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

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

#index ol {
	margin: 0 30px 30px;
}

#index ol li {
	height: 46px;
	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/index01.gif) no-repeat left top;}
#index ol li.index2 { background: url(../image/index02.gif) no-repeat left top;}
#index ol li.index3 { background: url(../image/index03.gif) no-repeat left top;}
#index ol li.index4 { background: url(../image/index04.gif) no-repeat left top;}
#index ol li.index5 { background: url(../image/index05.gif) no-repeat left top;}

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

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

#index #indexRead {
	text-align: center;
}

/* point
----------------------------------- */
#point {
	margin-bottom: 60px;
}

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

#point1,#point2,#point3,#point4,#point5,#point6 {
	width: 900px;
	height: 420px;
	position: relative;
	background: url(../image/point_bg.gif) no-repeat bottom right;
}

#point1 h3 {	background:url(../image/point01_tit.gif) no-repeat left top;}
#point2 h3 {	background:url(../image/point02_tit.gif) no-repeat left top;}
#point3 h3 {	background:url(../image/point03_tit.gif) no-repeat left top;}
#point4 h3 {	background:url(../image/point04_tit.gif) no-repeat left top;}
#point5 h3 {	background:url(../image/point05_tit.gif) no-repeat left top;}
#point6 h3 {	background:url(../image/point06_tit.gif) no-repeat left top;}

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

#point p.pointRead {
	width: 590px;
	padding-top: 10px;
	padding-left: 310px;
	font-size: 14px;
	font-weight: bold;
}

#point p.pointText {
	width: 570px;
	padding-top: 15px;
	padding-left: 310px;
	padding-right: 20px;
}

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

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

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

/* lecture
----------------------------------- */
#lecture {
	width: 900px;
	margin-bottom: 20px;
	padding-top: 2px;
}

#lecture #lectureIn {
	margin-top: 10px;
	padding-bottom: 20px;
	border: #EEEEEE solid 1px;
}

#lecture #lectureRead {
	padding: 24px 0 20px 20px;
}

#lecture #lectureBoard {
	padding-left: 20px;
	padding-bottom: 40px;
}

#lecture #lectureText {
	padding:0 20px;
	width: 860px;
}

#lecture #lectureText p{
	width: 590px;
	float: left;
}

#lecture .bnrStanavi {
	width: 257px;
	float: right;
}

#lecture .bnrStanavi a {
	display: block;
	width: 257px;
	height: 87px;
	background: url(../image/bnr_stanavi_on.gif) no-repeat top left;
}

#lecture .bnrStanavi a:hover {
	text-indent: -9999px;
}

#lecture #lectureBtm {
	padding-top: 40px;
	padding-left: 20px;
}

/* close
----------------------------------- */
#close {
	margin-top: 75px;
	margin-bottom: 35px;
}
#close #closeIn {
	padding-top: 20px;
	padding-bottom: 20px;
	border: #EEEEEE solid 1px;
}

#close #closeHeader {
	margin-bottom: 20px;
}

#close #closeRead {
	padding-left: 20px;
	padding-bottom: 30px;
}

#close #closeFlow {
	padding-left: 20px;
	padding-bottom: 35px;
}

#close #closeText {
	padding:0 20px;
	width: 860px;
}

#close #closeText p{
	width: 590px;
	float: left;
}

#close .bnrStanavi {
	width: 257px;
	float: right;
}

#close .bnrStanavi a {
	display: block;
	width: 257px;
	height: 87px;
	background: url(../image/bnr_stanavi_on.gif) no-repeat top left;
}

#close .bnrStanavi a:hover {
	text-indent: -9999px;
}

/* 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;
}


/* 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;
}