@charset "UTF-8";

/* main
-----------------------------------------*/
.main_about .title {
	width:640px;
	height:25px;
	margin-bottom:10px;
}
.main_about02 {
	width:640px;
	height:206px;
}
.main_about02 img {
	display:block;
}
.main_about02 p {
font-size:90%;
line-height:1.4em;
}
.main_about02 .profile {
	width:205px;
	height:206px;
	float:left;
	margin-right:12px;
}
.main_about02 .profile .profile_top {
	width:205px;
	height:141px;
	float:left;
}
.main_about02 .profile .profile_down {
	width:175px;
	height:60px;
	background: url(../../img/index_about01_bg.jpg);
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
}
.main_about02 .vision {
	width:205px;
	height:206px;
	float:left;
}
.main_about02 .vision .vision_top {
	width:205px;
	height:141px;
	float:left;
}
.main_about02 .vision .vision_down {
	width:175px;
	height:60px;
	background: url(../../img/index_about02_bg.jpg);
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
}
.main_about02 .active {
	width:205px;
	height:206px;
	float:right;
}
.main_about02 .active .active_top {
	width:205px;
	height:141px;
	float:left;
}
.main_about02 .active .active_down {
	width:175px;
	height:60px;
	background: url(../../img/index_about03_bg.jpg);
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
}

.news {
	width:640px;
	height:170px;
	margin-top:15px;
}

/* profile
-----------------------------------------*/
.profile01 {
	width:640px;
	margin-top:30px;
}
.profile_left {
	width:423px;
	float:left;
}
.profile_right {
	width:185px;
	float:right;
}
.profile_text {
	width:100%;
	line-height:1.8em;
	float:left;
}
.profile_text02 {
	width:100%;
	line-height:1.8em;
	float:left;
	margin-top:7px;
}
.profile_text03 {
	width:100%;
	line-height:1.8em;
	float:left;
	padding-top:15px;
}
.profile_text04 {
	width:100%;
	line-height:1.8em;
	float:left;
	padding-top:10px;
	color:#C00;
	font-size:110%;
	font-weight:bold;
	text-decoration:underline;
}
.profile_text05 {
	width:100%;
	line-height:2em;
	float:left;
	padding-top:10px;
	font-size:105%;
}
.profile02 {
	width:640px;
	margin-top:30px;
	clear:both;
	padding-top:30px;
}
.profile03 {
	width:640px;
	height:432px;
	margin-top:30px;
	clear:both;
}
.profile_minitaitle01 {
	width:423px;
	height:32px;
	float:left;
	margin-bottom:10px;
}
.profile_minitaitle02 {
	width:640px;
	height:32px;
	float:left;
	margin-bottom:10px;
}

/* vision
-----------------------------------------*/
.vision_copy01 {
	width:640px;
	height:77px;
	float:left;
}
.vision_copy02 {
	width:640px;
	height:32px;
	float:left;
	margin-top:15px;
}
.vision_copy03 {
	width:640px;
	height:111px;
	float:left;
	margin-top:15px;
}
.vision_copy04 {
	width:640px;
	height:104px;
	float:left;
}
.vision_copy05 {
	width:640px;
	height:135px;
	float:left;
}

/* active
-----------------------------------------*/
.main_about02 .active {
	width:205px;
	height:206px;
	float:right;
}
.main_about02 .active .active_top {
	width:205px;
	height:141px;
	float:left;
}
.main_about02 .active .active_down {
	width:175px;
	height:60px;
	background: url(../../img/index_about03_bg.jpg);
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
}
.active_blog {
	width:640px;
	margin-top:30px;
	clear:both;
	padding-top:10px;
}
.active_report {
	width:640px;
	height:auto;
}
.newreport-title {
	height:25px;
	width:448px;
	float:left;
}
.newreport-title img {
	float:left;
	margin-right:10px;
	display:block;
	width:50px;
	height:18px;
	display:block;
}
.active_report-l {
	width:177px;
	height:252px;
	margin-right:15px;
	float:left;
}
.active_report-l img {
	border:1px solid #999;
}
.active_report-text {
	line-height:1.8em;
}
div.active_report-bt {
}
p.bt-new {
	text-align:center;
	padding:5px 20px 3px 20px;
	background-color:#036;
	color:#FFF;
	float:left;
	margin-top:10px;
	margin-right:10px;
	font-size:95%;
}
p.bt-new a {
	color:#FFF;
}
p.bt-new a:hover {
	color:#FFF;
	text-decoration:underline
}
p.bt-backnumber {
	text-align:center;
	padding:5px 20px 3px 20px;
	background-color:#ccc;
	float:left;
	margin-top:10px;
	font-size:95%;
}
.report_text {
	width:100%;
	line-height:1.8em;
	float:left;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}

/*入力フォーム
-----------------------------------------*/
.entry01 {
	width:640px;
	margin-top:30px;
	float:left;
}
/* 必須
-----------------------------------------*/
.ex_essential{
	color:#CC0000;
	font-weight:normal;
}
/* エラー
-----------------------------------------*/

/* 注釈
-----------------------------------------*/
.ex_comment{
	color:#666;
}
/* フォームレイアウト
-----------------------------------------*/
.mod_form{
	margin:0 auto;
	padding:20px;
	width: 596px;
	border:solid 2px #EEE;
	clear:both;
}
.mod_form p.point{
	text-align:right;
}
.mod_form table{
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
}
.mod_form table tr th{
	padding:10px;
	white-space: nowrap;
	font-weight:bold;
	vertical-align: center;
	border-bottom:solid 1px #C1D0E3;
	background-color:#EBF0F6;
	line-height:1.5em;
}
.mod_form table tr td{
	width:70%;
	padding:10px;
	border-bottom:solid 1px #B6D1F5;
}

/* フォーム内2段組
-----------------------------------------*/
.mod_form_listbox{
	width:100%;
}
.mod_form_listbox_left{
	float:left;
	width:50%;
}
.mod_form_listbox_right{
	float:left;
	width:50%;
}

/* 入力パーツ
-----------------------------------------*/	
label {
  cursor: pointer;
}
select#item,
select#maker,
select#color{
	width:250px;
	margin-bottom:7px;
}
select#nengou,
select#year,
select#month,
select#day{
	width:60px;
}
input,
textarea{
	border:solid 1px #CCCCCC;
	margin-bottom:3px;
}
input#character_m,
input#character_w,
.mod_form_listbox input{
	border:none;
}
input#address,
input#company,
input#email,
input#emailcheck,
input#introducer,
input#bill{
	width:350px;
	height:1.7em;
}
input#checkitem_etc{
		width:350px;
	height:1.7em;
	margin:4px 0 7px 0;
	border:solid 1px #CCCCCC;
}
	
input#name,
input#kana,
input#family01,
input#maker_etc,
input#color_etc{
	width:250px;
	height:1.7em;
}
input#zipcode,
input#fax,
input#companytel,
input#tel{
	width:150px;
	height:1.7em;
}
input#checkbox{
	padding:7px 0;
}
textarea{
	width:350px;
}
/* フォーカス・チェック
-----------------------------------------*/
input:focus,
textarea:focus{
	background-color:#FFFFCC;
}
input:checked + label{
	background-color:#FFFFCC;
	font-weight:bold;
}

/* 重要なお知らせの同意
-----------------------------------------*/
.mod_form_importance{
	margin:20px 0 0 0;
	padding:10px;
	border:double 3px #CCC;
	background-color:#DDD;
}
.mod_form_importance h2{
	font-weight:bold;
}
.mod_form_importance_txt{
	width:634px;
	height:250px;
	overflow:scroll;
	margin:10px 0 20px 0;
	padding:10px 20px 15px 20px;
	background-color:#FFF;
}
.mod_form_importance_txt h3{
	margin:10px 0 5px 0;
	font-weight:bold;
	border-bottom:solid 1px #DDD;
}
.mod_form_importance_btn{
	text-align:center;
}

/* 送信ボタン
-----------------------------------------*/
.mod_form_btn{
	margin:20px 0 0 0;
	text-align:center;
}

input#back_button,
input#submit_button{
    padding: 15px 40px;
    font-size: 1em;
    background-color: #000;
    color: #fff;
    border-style: none;
	display:inline;
}

/* ドロップ入力パーツ
-----------------------------------------*/	
.mod_dropform{
 margin:0px 0 10px 0;
 padding-top:10px;
 clear:both;
}

.form_title {
	margin-bottom:10px;
}

/* 家族構成入力部分
-----------------------------------------*/
.family {
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px dotted #999;
}

.family_erea {
	padding:5px 0;
}

.family_erea label {
	float:left;
	width:4.5em;
}

input#family_kind01,
input#family_kind02,
input#family_kind03,
input#family_kind04,
input#family_name01,
input#family_name02,
input#family_name03,
input#family_name04,
input#family_kana01,
input#family_kana02,
input#family_kana03,
input#family_kana04,
input#family_age01,
input#family_age02,
input#family_age03,
input#family_age04 {
	width:287px;
	height:1.7em;
	display: block;
	
}

/* 個人情報保護
-----------------------------------------*/
.privacy_policy {
	line-height:1.5em;
}




/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}