@charset "utf-8";

/* home
---------------------------------------------------- */
#visual {
	width:960px;
	background:url(../images/visual_bg.jpg) no-repeat left top;
	height:681px;
	margin:0 auto 30px;
	text-align:left;
	position:relative;
}
#visual > div {
	background: rgba( 0, 0, 0, 0.8);
	width:350px;
	height:170px;
	padding:20px 20px 0;
	position:absolute;
	bottom:0;
	left:0;
}
#visual #home_news_ttl { overflow:hidden; margin-bottom:20px;}
#visual #home_news_ttl h2 { float:left;}
#visual #home_news_ttl > div { float:right;}
#visual #home_news_text { height:110px; overflow:auto;}
#visual #home_news_text dl { margin-right:15px; font-size:10px; color:#fff;}
#visual #home_news_text dl dt {
	float:left;
	display:block;
	padding:10px 0 10px 0;
}
#visual #home_news_text dl dd {
	padding:10px 0 10px 70px;
	border-bottom:#30393b solid 1px;
}
#visual #home_news_text .icon_new { margin:5px 0 0 10px;}
#visual #home_news_text a:link,
#visual #home_news_text a:visited { color:#fff; text-decoration:none;}
#visual #home_news_text a:hover,
#visual #home_news_text a:active { color:#fff; text-decoration:underline;}

#home_item { margin-bottom:40px;}
#home_item h3 { margin-bottom:20px;}
#home_item ul { margin-right:-22px; overflow:hidden;}
#home_item ul li { float:left; margin-right:22px;}


/* concept
---------------------------------------------------- */
.concept01 {
	border-bottom:#d8d8d8 dashed 1px;
	padding:50px 30px;
	font-size:14px;
	line-height:2;
}
.concept01 h3,
.concept01 div {
    display: table-cell;    
    vertical-align: middle;    
    margin: 0;    
}
* html .concept01 h3 {    
    display: inline;    
    zoom: 1;    
}    
* html .concept01 div {    
    display: inline;    
    zoom: 1;    
}    
*:first-child+html .concept01 h3 {    
    display: inline;    
    zoom: 1;    
}   
*:first-child+html .concept01 div {    
    display: inline;    
    zoom: 1;    
}  

.concept01 div { padding-left:70px;}
.concept01 div p { margin-bottom:20px;}
.concept01 div p:last-child { margin-bottom:0px;}

#howto {
	width:900px; margin:80px auto;
}


/* item
---------------------------------------------------- */
#item_menu {
	background:url(../images/selectcategory.jpg) no-repeat left top #000;
	overflow:hidden;
	padding-left:245px;
	height:55px;
	line-height:55px;
	margin-bottom:50px;
}
#item_menu li {
	float:left;
	font-size:14px;
	margin-right:30px;
}
#item_menu li a {
	background:url(../images/arrow.jpg) no-repeat left center;
	padding-left:20px;
}
#item_menu li a:link,
#item_menu li a:visited { color:#fff; text-decoration:none;}
#item_menu li a:hover,
#item_menu li a:active { color:#666; text-decoration:none;}

#category_ttl { text-align:center; margin-bottom:50px;}
.item_text { margin-bottom:30px; padding:0 30px;}
.item_img { margin-bottom:80px; text-align:center;border-bottom:#d8d8d8 dashed 1px; padding-bottom:80px;}


/* topic
---------------------------------------------------- */
.topic_box {
	background:url(../images/two_column.jpg) no-repeat left top;
	padding:30px 0 80px;
	overflow:hidden;
}
.topic_box .date {
	width:220x;
	float:left;
	font-weight:bold;
}
.topic_box .date .icon_new { margin:3px 0 0 10px;}
.topic_box .text_area {
	width:690px;
	float:right;
	overflow:hidden;
}
.topic_box .text_area .photo { float:right; margin-left:30px;}
.topic_ttl { font-size:14px; font-weight:bold; margin-bottom:20px;}
.topic_box .text_area .text {}


/* two_column
---------------------------------------------------- */
.two_column {
	background:url(../images/two_column.jpg) no-repeat left top;
	padding:30px 0 80px;
	overflow:hidden;
}
.two_column h3 {
	width:220x;
	float:left;
}
.two_column_contetn {
	width:690px;
	float:right;
	overflow:hidden;
}


/* contact
---------------------------------------------------- */
#contact_tel { margin-bottom:50px; overflow:hidden; padding-left:30px;}
#contact_tel li { float:left; margin-right:20px;}

#contact_form p { margin-bottom:20px;}
#contact_form dl {}
#contact_form dt { font-weight:bold; color:#000; margin-bottom:5px;}
#contact_form dd { margin-bottom:20px;}
#contact_form dd ul { overflow:hidden;}
#contact_form dd ul li { float:left; margin-right:50px;}

#contact_form dd input[type=radio] {
	margin-right:5px;
}
#contact_form dd input[type=text] {
    width: 340px;
    padding: 3px;
    border: 1px solid #d8d8d8;
    background-color: #FFF;
	height: 25px;
	margin-right:10px;
}
textarea {
    width: 668px;
    padding: 10px;
    border: 1px solid #d8d8d8;
}
input:hover,
textarea:hover {
    border-color: #999;
}

.ime_off {ime-mode:disabled;}


#form_end { text-align:center;}
#form_end input { margin:0 15px;}

#pp p { margin-bottom:50px;}
#pp dt { font-weight:bold; color:#000; margin-bottom:15px;}
#pp dd { margin-bottom:50px;}
#pp dd ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left:20px;
}