@import "reset.css";

/*	要素定義		----------------	*/
body	{ background-color: #FFF; }
body	{ color: #000; font-size: 14px; line-height: 150%; }
div		{ overflow: hidden; }

h1		{ font-size: 32px; line-height: 40px; border-bottom: solid 4px #aaaaaa; margin-bottom: 15px; }
h2		{ font-size: 24px; line-height: 27px; padding-left: 27px; background: url(img/h2head.png) no-repeat; border-bottom: 1px dotted #949494; margin-bottom: 12px; }
h3		{ font-size: 18px; font-weight: bold; line-height: 22px; border-bottom: 1px solid #bbbbbb; color: #777; margin-bottom: 10px; }
h4		{ font-size: 16px; font-weight: bold; color: #777777; margin-bottom: 8px; }
p		{}
ul		{ padding-left: 22px; margin: 5px 0 5px; list-style-image: url(img/ul_head.gif); }
ol		{ list-style: decimal; padding-left: 30px; margin: 5px 0 5px; }
ul li	{ }
ol li 	{ color: #777777; }
ol li span { color: #000; }
table	{ width: 100%; border-collapse: collapse; background: #fff; }
table, th, td {  border-width: 1px; border-color: #777; border-style: solid; }
th, td	{ padding: 5px 10px 5px; }
th		{ font-weight: bold; background-color: #dddddd; max-width: 50%; color: #555; white-space: nowrap; }
a		{ color: #4872df; text-decoration: underline; }
a:hover	{ color: #4872df; text-decoration: none; }

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


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


/*	大枠エリア		----------------	*/
.area_header, .area_menu, .area_main, .area_footer	{  }
.area_header 	{ height: 100px; }
.area_guide 	{  }
.area_menu 		{  }
.area_main		{  }
.area_footer	{  }


/*	コンテンツ枠	----------------	*/
.house_header, .house_menu, .house_guide, .house_main, .house_footer	{ width: 960px; margin: 0 auto 0; }
.house_header, .house_guide, .house_main { background-color: #FFF; }
.house_header 	{ position: relative; height: 100%; }
.house_guide 	{ padding-top: 15px; }
.house_menu 	{  }
.house_main		{ padding: 20px 0 20px; }
.house_footer	{ font-size: 12px; color: #666; min-height: 60px; padding: 10px 0 10px; }


/*	ヘッダ			------------	*/
.header_subtext	{ position: absolute; text-align: right; width: 100%; font-size: 12px; color: #666; }
.header_title_case {  }
.header_title	{ font-size: 21px; margin-top: 20px; font-weight: bold; line-height: 124%; }
.header_subttl	{ font-size: 14px; color: #555; bottom: 0; }
.header_title a { color: #000; text-decoration: none; }


/*	パンくず		------------	*/
.house_guide ul		{ margin: 0; padding: 0; font-size: 12px; }
.house_guide ul li	{ float: left; display: block; list-style: none; background: url(img/ul_head.gif) no-repeat 0px 3px; padding-left: 16px; padding-right: 10px; }
.house_guide ul li.home { margin: 0; padding-left: 0; background: none; }


/*	フッタ			----------------	*/
.house_footer a	{ color: #666; text-decoration: none; }
.house_footer a:hover { text-decoration: underline; }
.house_footer ul	{ list-style: none; padding: 0; line-height: 110%; }
.house_footer ul li	{ float: left; overflow: hidden; padding: 0 10px 0; border-left: 1px solid #666; }
.house_footer ul li.li_1st { border-left: 0; }
.house_footer ul li.li_last { }
.footer_text		{ clear: both; font-size: 11px; padding: 5px 0 5px; }
.footer_link		{  }


/*	メインカラム	----------------	*/
.column_left, .column_right, .column_main { float: left; padding-left: 10px; padding-right: 10px; }
.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;  }



/*	コンテンツボックス	------------	*/
.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; }