@import "reset.css";

/*	要素定義		----------------	*/
body	{ color: #666; font-size: 12px; line-height: 150%; background-color: #fff; font-family: Meiryo,"メイリオ",sans-serif;}

div		{ overflow: hidden; }

h1		{ color: #fff; font-size: 18px; font-weight: bold; line-height: 48px; height: 48px; background: url(img/h1.png) no-repeat; padding-left: 25px; padding-bottom: 10px; overflow:hidden;}
h2		{ color: #666; font-size: 18px; line-height: 38px; height: 38px; background: url(img/h2.png) no-repeat; padding-left: 38px; padding-bottom: 10px; overflow:hidden;}

h3		{color: #fff; font-size: 18px; font-weight: bold; line-height: 35px; background: url(img/h3.png) repeat-y; padding-left: 10px; word-break:break-all; }

/*
h4		{ display: inline-block; color: #666; font-size: 18px; font-weight: bold; line-height: 35px; background: url(img/h4.png) repeat-y; padding-left: 10px; padding-right: 10px; word-break:break-all; }
*/
h4		{ color: #666; font-size: 18px; font-weight: bold; line-height: 35px;  padding-left: 10px; padding-right: 10px; word-break:break-all; }
h4 span { display: inline-block; background: url(img/h4.png) repeat-y;}

p		{}
/*
ul		{ padding-left: 32px; margin: 5px 0 5px; list-style-image: url(img/ul.png); }
*/
ul		{ font-size: 14px; padding-left: 32px; margin: 0px; list-style-image: url(img/ul.png); }
ol		{ font-size: 14px; list-style: decimal; padding-left: 22px; margin: 5px 0 5px; }

/*
li		{ margin-top: 5px; margin-bottom: 5px; }
*/
.house_main li	{ margin-top: 5px; margin-bottom: 5px; }

ul li	{ }
ol li 	{ }
ol li span { }

/*	テーブル　		----------------	*/
table   { width: 100%; border-collapse: collapse; background: #fff; }
/*
table, th, td {  color: #666; border-width: 1px; border-color: #a4d656; border-style: solid; }
*/
table {  color: #666; font-size: 14px; border-width: 2px; border-color: #a4d656; border-style: solid; }
/*
th, td { border-width: 1px; border-color: #a4d656; border-style: solid; }
*/
th, td { border-width: 1px; border-color: #a4d656; border-style: solid; }

th, td  { padding: 8px 12px 8px; }
th      { background-color: #fff; min-width: 15%; max-width: 50%; white-space: nowrap; }

/* table width set
tr td:nth-child(1),tr th:nth-child(1) { width: 15%; }
*/

/*	リンク　		----------------	*/

/*
a:hover	{ text-decoration: underline; }
*/

a	{ color: #000099; font-weight: bold; text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p a:hover, table a:hover, li a:hover     { color: #ffc200; font-weight: bold; }

/*	フォーム　		----------------	*/
form table { border-width: 1px; border-color: #ccc; border-style: solid; font-size: 14px; }
form table tr:nth-child(1) th,form table tr:nth-child(1) td { padding-top: 20px; }

form th { color: #666; background: url(img/form_bg.png) repeat; border: none; box-shadow: none;}
form td { border: none; }
form input { line-height: 150%; }

.forminput { font-size: 14px; padding: 2px 3px 2px; margin: 3px 0 3px; width: 90%; }

/* 1カラム */
.formbutton { display:block; border: none; cursor: pointer; text-indent: -9999px; width: 208px; height: 63px; float: right; margin-right: 55px; background: url(img/submit_button.png) no-repeat; }
.formbutton:hover { width: 208px; height: 63px; float: right; margin-right: 55px; background: url(img/submit_button_hover.png) no-repeat; }

/* 2カラム */
.column_main_m .formbutton { margin-right: 40px; }
.column_main_m .formbutton:hover { margin-right: 40px; }

/* 3カラム */
.column_main_s .formbutton { margin-right: 20px; }
.column_main_s .formbutton:hover { margin-right: 20px; }

/*	ユーティリティ	----------------	*/
.cb { clear: both; }

/*	大枠エリア		----------------	*/
.area_header, .area_menu, .area_main, .area_footer	{ }

.area_header 	{ height: 85px; }

.area_guide 	{ background-color: #a4d656; }
.area_menu 		{  }

/*	エリア	----------------	*/
.area_main		{ background: -webkit-gradient(linear, left top, left bottom, from(#a4d656),to(#ffffff)); background: linear-gradient(#a4d656,#ffffff); }

.area_footer	{ height: 75px; background-color: #a4d656; }

/*	コンテンツ枠	----------------	*/
.house_header, .house_menu, .house_guide, .house_main, .house_footer	{ width: 960px; margin: 0 auto 0; }

.house_header 	{ position: relative; height: 100%; background-color: #ffffff; }
/*
.house_header 	{ position: relative; height: 100%; background-color: #ffffff; background: url(img/company_logo.png) no-repeat;}
*/

.house_guide 	{ padding-bottom: 8px; }
.house_menu 	{  }
.house_main		{ background-color: #ffffff; }

.house_footer	{ height: 100%; }

/*	ヘッダ			------------	*/
.header_title_case { margin-top: 20px; margin-left: 5px; overflow:visible; }
.header_title	{ padding-top:10px; color: #517218; font-size: 26px; font-weight: bold; line-height: 120%; }
.header_subttl	{ color: #323232; font-size: 14px; bottom: 0; line-height: 200%; }

.header_subtext	{ position: absolute; text-align: right; width: 100%; color: #517218; font-size: 16px; }

.header_title a { color: #517218; text-decoration: none; }
.header_subtext a { color: #517218; font-weight: normal; text-decoration: none; }

.header_title a:hover { color: #517218; text-decoration: none; }
.header_subtext a:hover { color: #517218; font-weight: normal; text-decoration: none; }

/*	パンくず		------------	*/
/*
.house_guide ul		{ margin: 0; padding: 0; font-size: 12px; color: #e56922; padding-left: 20px; }
*/
.house_guide ul		{ margin: 0; font-size: 12px; padding-left: 20px; padding-top: 5px; }

.house_guide ul li	{ float: left; display: block; list-style: none; background: url(img/guidedelim1.png) no-repeat 0px 3px; padding-left: 16px; padding-right: 10px; }
.house_guide ul li.home { margin: 0; padding-left: 0; background: none; }

/*	フッタ			----------------	*/
.house_footer	{ color: #fff; }
.house_footer a	{ color: #fff; font-weight: normal; text-decoration: none; }
.house_footer a:hover { color: #fff; font-weight: normal; text-decoration: underline; }
/*
.house_footer ul	{ list-style: none; padding: 5px; line-height: 110%; }
*/
.house_footer ul	{ list-style: none; padding: 5px; }

.house_footer ul li	{ float: left; overflow: hidden; padding: 0 10px 0; border-left: 1px solid #ffffff; }
.house_footer ul li.li_1st { border-left: 0; }
.house_footer ul li.li_last { }

.footer_text		{ clear: both; font-size: 12px; padding: 0px; }

.footer_link { line-height: 120%; }

/*	メインカラム	----------------	*/
/*
.column_left, .column_right, .column_main { float: left; padding-left: 10px; padding-right: 10px; }
*/
.column_left, .column_right, .column_main { float: left; padding-left: 10px; padding-right: 10px; margin-top: 5px; }

.column_left	{ width: 200px; padding-left: 10px; padding-right: 10px; }
.column_right	{ width: 200px; padding-left: 10px; padding-right: 10px; }
.column_main	{ }
.column_main_s	{ width: 500px; }
.column_main_m	{ width: 720px; }
.column_main_l	{ width: 940px;  }

/* トップ イメージ　表示　対策 */
.house_main { background-image: url(img/mainimg.jpg); background-repeat: no-repeat; background-position: center top; }
.column_left { margin-top: 210px; background-color: #fff; }
.column_main { margin-top: 210px; background-color: #fff; }
.column_right { margin-top: 210px; background-color: #fff; }

/*	コンテンツボックス	------------	*/
.box_m_100 { padding-bottom: 10px; }
.box_m_70, .box_m_60, .box_m_50, .box_m_40, .box_m_33, .box_m_30, .box_m_25 { float: left; margin-right: 20px; padding-bottom: 10px; }
.box_m_set	{ width: 110%; margin-bottom: 20px; }

/*	コンテンツボックス：3カラムメイン	*/
.column_main_s .box_m_100	{ width: 500px; }
.column_main_s .box_m_70	{ width: 336px; }
.column_main_s .box_m_60	{ width: 288px; }
.column_main_s .box_m_50	{ width: 240px; }
.column_main_s .box_m_40	{ width: 192px; }
.column_main_s .box_m_33	{ width: 154px; margin-right: 19px; }
.column_main_s .box_m_30	{ width: 144px; }
.column_main_s .box_m_25	{ width: 110px; }

/*	コンテンツボックス：2カラムメイン	*/
.column_main_m .box_m_100	{ width: 720px; }
.column_main_m .box_m_70	{ width: 490px; }
.column_main_m .box_m_60	{ width: 420px; }
.column_main_m .box_m_50	{ width: 350px; }
.column_main_m .box_m_40	{ width: 280px; }
.column_main_m .box_m_33	{ width: 228px; margin-right: 18px; }
.column_main_m .box_m_30	{ width: 210px; }
.column_main_m .box_m_25	{ width: 165px; }

/*	コンテンツボックス：1カラムメイン	*/
.column_main_l .box_m_100	{ width: 940px; }
.column_main_l .box_m_70	{ width: 644px; }
.column_main_l .box_m_60	{ width: 552px; }
.column_main_l .box_m_50	{ width: 460px; }
.column_main_l .box_m_40	{ width: 368px; }
.column_main_l .box_m_33	{ width: 300px; }
.column_main_l .box_m_30	{ width: 275px; }
.column_main_l .box_m_25	{ width: 220px; }