@charset "utf-8";

/* 基本スタイル
--------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	font-family:"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}

p, li, dt, dl, dd, ul {
	margin:0;
	padding:0;
}

p {
	margin:0 0 1em 20px; font-size: 0.9em
}

li {
	list-style-type:none;
}

img {
	border:0;
	vertical-align:top;
}

.clear {
	clear:both;
}

.right {
	float: right;
	padding-right: 10px;
}

.left {
	float: left;
}

.red {
	color: #CC0000;
}

.red2 {
	color: #CC0000;
	font-size: 18px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.black {
	font-size: 18px;
	font-weight: normal;
}

.green {
	color: #006600;
}

.green2 {
	color: #006600;
	font-size: 14px;
}


hr {
	color: #666666;
}

.mt_50 {
	margin-top: 50px;
}

.mt_30 {
	margin-top: 30px;
}

.mt_20 {
	margin-top: 20px;
}

.mt_15 {
	margin-top: 15px;
}

.mb_10 {
	margin-bottom: 10px;
}

.mb_20 { margin-bottom: 20px}

.title {
	font-size: 16px;
	color: #CC0000;
	line-height: 20px;
}

.title2 {
	font-size: 14px;
	color: #CC0000;
	line-height: 14px;
	padding-bottom: 5px;
	font-weight: normal;
}

.center { width: 80%; text-align: center }




/* clearfix code
----------------------------------------------------------- */

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

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 全体スタイル
----------------------------------------------------------- */

#wrap {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	background-color: #FFFFFF;
}

/* トップナビ部分
----------------------------------------------------------- */

#top_navi {
	float: right;
	text-align: right;
	padding-top: 38px
}

#top_navi ul {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-top: 40px;
}

#top_navi ul li {
	display: inline;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-right: 10px;
	padding-left: 10px;
}

/* ヘッダー（メイン画像部分）
----------------------------------------------------------- */

#head {
	clear: both;
}

/* グローバルナヴィゲーション
----------------------------------------------------------- */

#g-navi {
	background-image: url(images/g-navi-bg.jpg);
	height: 70px;
}

#g-navi a {
	color: #FFFFFF;
	text-decoration: none;
}

#g-navi ul {
}

#g-navi ul li {
	float: left;
	padding-top: 25px;
	font-size: 16px;
	color: #FFFFFF;
	width: 151px;
	display: block;
	text-align: center;
}

#g-navi ul li.inquiry {
	float: left;
	padding-top: 25px;
	font-size: 16px;
	color: #FFFFFF;
	width: 205px;
	display: block;
	text-align: center;
}

/* メイン部分
----------------------------------------------------------- */

.contents_one,
.contents_two {
	width: 900px;
	padding-right: 15px;
	padding-left: 15px;
	clear: both;
}

.contents_one ul,
.contents_two ul {
}

.contents_one ul li,
.contents_two ul li {
	background-image: url(images/black_icon.gif);
	background-repeat: no-repeat;
	padding-left: 10px
}


.contents_two .box-l {
	float: left;
	width: 410px;
	margin-right: 60px;
}

.contents_two .box-l2 {
	float: left;
	width: 410px;
	margin-right: 0px;
	margin-left: 60px;
}

.contents_two .box-r {
	float: left;
	width: 410px;
}

.contents_two .box-r2 {
	float: left;
	width: 410px;
}


.contents_two .box-l p,
.contents_two .box-l2 p,
.contents_two .box-r p,
.contents_two .box-r2 p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.contents_two .box-l p.mt_20,
.contents_two .box-l2 p.mt_20,
.contents_two .box-r p.mt_20,
.contents_two .box-r2 p.mt_20 {
	margin-top: 20px;
}

/* お申し込みフォームスタイル
----------------------------------------------------------- */

.form-box {
	width: 530px;
	float: left;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}

.form-box table{
	width: 530px;
}

.form-box td{
	padding: 10px;
}

.form-box2 {
	width: 270px;
	float: left;
	padding-top: 10px;
}

.form-box2 table{
	width: 241px;
}


/*tuika*/
#a01,#a02,#a03,#a04,#a05,#a06,#a07,#a08 { }

#contents { margin-left: 15px; padding-top: 40px; width: 860px; padding-bottom: 80px}
#contents p { margin: 0 0 12px 5px; line-height: 1.4em}
#contents ul { margin: 0; padding: 0}
#contents ul li { padding: 0; margin: 0 0 8px 25px; list-style: square; font-size: 0.9em; line-height: 1.4em}
#contents .text_md { color: #c00; font-weight: normal; margin-bottom: 30px}
#contents .text_md2 { color: #c00; font-weight: bold; margin-bottom: 30px; padding: 0 0 2px 6px; border-left: 5px solid #c00; border-bottom: 1px dotted #c00; line-height: 1.6em; margin-bottom: 10px}
#contents .text_md3 { color: #060; line-height: 30px; font-weight: bold; margin-left: 7px}
#contents .md { font-weight: bold; color: #333; line-height: 1.4em}
#contents .hk1 { background: url(images/site-ph10.jpg) no-repeat left -10px; padding-left: 290px; padding-bottom: 30px}
#contents h2 img,
#contents h3 img,
#contents h4 img { display: block; margin:0 0 16px 0}
#contents h4 { color: #060; font-weight: bold}
#contents .hk2 { background: url(images/murakami.jpg) no-repeat -5px top; padding-left: 205px; margin-bottom: 50px}
#contents .hk3 { background: url(images/site-ph09.jpg) no-repeat 510px 60px; height: 320px}
#contents .hk5 { background: url(images/sogabe.jpg) no-repeat -5px 10px; padding-left: 205px; margin-bottom: 50px; padding-top: 5px}
#contents .hk5 ul li { margin-bottom: 5px; margin-top: -10px}

#contents .box1 { margin-bottom: 50px}
#contents .box2 { margin-bottom: 20px}

#contents .box_a { float: left; width: 400px}
#contents .box_b { float: right; width: 400px}
#contents .box_c { margin-bottom: 80px}

#contents li dl { margin: -5px 0 10px 5px}
#contents dt { line-height: 1.4em}
#contents dd { line-height: 1.4em; margin: 0 0 5px 5px}


#contents .box_a ul li { font-size: 0.9em; margin-left: 20px; margin-bottom: 5px}
#contents .box_d { width: 410px; float: left; border: 1px solid #ccc; margin: 0 0 16px 0; height: 200px}
#contents .box_e { width: 410px; float: right; border: 1px solid #ccc; margin: 0 0 5px 0; height: 200px}
#contents .box_f { margin-bottom: 18px; padding: 15px}
#contents .box_f img { float: left; margin-right: 20px} 

#contents .pie{ 
border: 1px solid #696;
padding: 5px;
text-align: left;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
behavior: url(PIE.htc);
}

#contents .pie h3 { border-bottom: 1px solid #CCC; display: block; padding: 10px 0 10px 10px; margin-bottom: 8px; color: #060; line-height: 1.3em; font-size: 15px}
#contents .pie h3 span { background: #666; color: #fff; padding: 0 3px 0 4px ; display: block; float: left; margin: 0 15px 10px 0 }
#contents .pie ul li { margin-bottom: 4px; margin-left: 36px}

#contents .pie2{ 
border: 1px solid #ececec;
padding: 16px;
text-align: left;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background: #ececec;
behavior: url(PIE.htc);
}

#contents .chart { padding-top: 10px; text-align: center; width: 550px}
#contents .chart p { display: block; border: 1px solid #9c3; padding: 10px; text-align: center; margin-bottom: 0; margin-top: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #ececec;
behavior: url(PIE.htc);}
#contents .chart img { margin: 0 auto}

img.footer { margin: 50px auto}



div.social { vertical-align: middle; padding-left: 25px; padding-bottom: 10px; text-align: right; padding-top: 10px}
div.social img { display: inline; margin: 0}
div.social ul li { display: inline; line-height: 20px; margin: 0; padding: 0; font-size: 12px}