﻿@import url("../common/common.css");
@import url("../common/contents.css");

/*-----------------------------------------------------------------------------
ヘッダー
-----------------------------------------------------------------------------*/
#header {
	background:url("img/header_back.gif") repeat-x 50% 0;
	height:71px;
}

#contact a {
	display:block;
	width:148px;
	height:28px;
	outline:none;
	background:url("img/contact.gif") no-repeat;
	position:relative;
}

/*-----------------------------------------------------------------------------
Hタグ制御
-----------------------------------------------------------------------------*/
h2 {
	background:url("img/title.gif") no-repeat;
}


/*-----------------------------------------------------------------------------
メインビジュアル
-----------------------------------------------------------------------------*/
#visual {
	position:relative;
	background:#fff url("img/image.jpg") no-repeat 50% 0;
	height:250px;
}

/*-----------------------------------------------------------------------------
左メニュー
-----------------------------------------------------------------------------*/
#left_menu li.sub_title {
	background:url("img/menu_title.gif") no-repeat;
}

#left_menu li.sub a {
	background:url("img/menu_n.gif") no-repeat 0 0;
}

#left_menu li.sub a:hover {
	background:url("img/menu_n.gif") no-repeat 0 -20px;
}

#left_menu li.current_sub a {
	background:url("img/menu_nc.gif") no-repeat 0 0;
	color:#038600;
}

#left_menu li.current_sub a:hover {
	background:url("img/menu_nc.gif") no-repeat 0 -20px;
}

#left_menu li.small a {
	background:url("img/menu_s.gif") no-repeat 0 0;
}

#left_menu li.small a:hover {
	background:url("img/menu_s.gif") no-repeat 0 -28px;
}

#left_menu li.current_small a {
	background:url("img/menu_sc.gif") no-repeat 0 0;
	color:#038600;
}

#left_menu li.current_small a:hover {
	background:url("img/menu_sc.gif") no-repeat 0 -28px;
}

/*-----------------------------------------------------------------------------
Q&A
-----------------------------------------------------------------------------*/
.faq  {
	margin-bottom:10px;
}

.faq h4,
#right .faq p {
	margin:0;
	padding:3px 0 3px 40px;
	font-size:12px;
}

.faq h4 {
	border-top:none;
}

.blue_box {
	background:#f4f9ff;
	border-top:1px solid #36f;
	border-bottom:1px solid #36f;
}

.blue_box h4 {
	background:url("img/b_q.jpg") no-repeat 0 0;
	color:#00c;
}

.blue_box p.answer {
	background:url("img/b_a.jpg") no-repeat 0 0;
	color:#c00;
}

.blue_box p.kaisetsu {
	background:url("img/b_k.jpg") no-repeat 0 0;
}

.green_box {
	background:#f9fff4;
	border-top:1px solid #6c3;
	border-bottom:1px solid #6c3;
}

.green_box h4 {
	background:url("img/g_q.jpg") no-repeat 0 0;
	color:#090;
}

.green_box p.answer {
	background:url("img/g_a.jpg") no-repeat 0 0;
	color:#c00;
}

.green_box p.kaisetsu {
	background:url("img/g_k.jpg") no-repeat 0 0;
}

/* 例 ************************************************************************/
table {
	margin-left:10px;
}

table .blue_box {
	padding:3px 0 2px;
	color:#00c;
	font-weight:bold;
}

table .green_box {
	padding:3px 0 2px;
	color:#090;
	font-weight:bold;
}

/* 検索 **********************************************************************/

.kensaku {
	width:525px;
	border-bottom:1px solid #999;
}

.kensaku td,
.kensaku th {
	padding:5px;
	border-top:1px solid #999;
}

.kensaku th {
	background:#f5f5f5;
}

form {
	margin:0;
	padding:0;
}

.text {
	float:left;
}

.btn_qa {
	float:right;
	width:200px;
	height:70px;
}
