@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;
}

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

div#cse-search-results {
	margin:0 auto;
	width:800px;
	height:auto;
}

div#cse-search-results iframe {
}

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

/*-----------------------------------------------------------------------------
左メニュー
-----------------------------------------------------------------------------*/
#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:#aa9800;
}

#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:#aa9800;
}

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


/*-----------------------------------------------------------------------------
ルール用PDFアイコン
-----------------------------------------------------------------------------*/

p.pdf_link {
	text-align:right;
}

p.pdf_link a {
	padding-left:16px;
	background:url("img/pdf_sicon.gif") no-repeat 0 50%;
	_background:url("img/pdf_sicon.gif") no-repeat 0 5px;
}

.pdf {
	padding:5px;
	margin:10px 0 0 10px;
	border:1px solid #ccc;
	width:550px;
}

.pdf .pdf_image {
	float:left;
	width:162px;
	height:42px;
	padding:0;
}

.pdf .pdf_text {
	float:right;
	width:370px;
	padding:3px 0 0;
}

/*-----------------------------------------------------------------------------
ルール
-----------------------------------------------------------------------------*/

#right p.title {
	background-position:0 10px;
	font-size:14px;
}

.box2 {
	margin-top:10px;
	margin-left:10px;
	border:1px solid #ccc;
	padding:1px;
	width:556px;
}

.box3 {
	margin-top:10px;
	margin-left:10px;
	border:1px solid #666;
	padding:1px;
	width:400px;
}

table {
	width:556px;
}

th,
td {
	padding:7px 3px 4px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	line-height:14px;
	height:14px;
	background:#fff;
	vertical-align:top;
}

th {
	background:#f5f5f5;
	font-size:12px;
	width:110px;
	text-align:left;
}

.c_red {
	color:#f00;
}

.c_blue {
	color:#00f;
}

.cost {
	border:none;
}

.cost th,
.cost td {
	background:none;
	border:none;
	line-height:18px;
}

.cost th {
	width:160px;
	text-align:right;
	font-weight:normal;
}

#right p.num {
	padding-left:41px;
	text-indent:-31px;
}

table.turn {
	width:500px;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	border:none;
}

table.turn td,
table.turn th {
	width:500px;
	text-align:center;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

table.turn th {
	border:none;
}

table.turn td {
	padding-top:4px;
	line-height:18px;
}

p.arrow {
	margin:0 auto;
	text-align:center;
	width:500px;
}

p.costs {
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:400px;
}

table.t1 th {
	background:#e7c0ea;
}

table.t2 th {
	background:#a6dcf5;
}

table.t3 th {
	background:#fff17d;
}

table.t4 th {
	background:#7cec6d;
}

table.t5 th {
	background:#ccc;
}

table.costs {
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	width:400px;
	border:none;
}

table.costs th {
	background:#666;
	color:#fff;
}

table.costs td {
	border-color:#666;
}

.katukyu {
	float:left;
	width:270px;
	margin-left:10px;
	_margin-left:5px;
	margin-bottom:10px;
	border:1px solid #999;
}

p.list {
	padding-left:34px;
	text-indent:-24px;
}

p.list2 {
	padding-left:41px;
	text-indent:-31px;
}

.enc {
	margin-top:0;
	border:none;
	width:530px;
}

.enc td {
	border:none;
}

.left_m {
	padding-left:41px;
}

.free {
	width:400px;
	border-color:#666;
}

.free th {
	text-align:center;
	border-color:#666;
	background:#eee;
}

.free td {
	padding-left:10px;
	border-color:#666;
}

.free td.color {
	background:#ffc0db;
}

.free2 {
	width:400px;
	border:none;
	margin-left:10px;
}

.free2 td {
	border:none;
}

.free2 td.color {
	background:#ffc0db;
	width:100px;
}

.rule_menu th {
	width:150px;
}