﻿@charset "utf-8";

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after{
	display			: block;
	clear				: both;
	height			: 0;
	visibility	: hidden;
	content			: ".";
	line-height	: 0;
}
.clearfix{
	display			: inline-table;
	min-height	: 1%;
}
/* FOR MAC IE \*/
* html .clearfix{
	height			: 1%;
}
.clearfix{
	display			: block;
}
/* END OF FOR MAC IE */

/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color						: #1111cc;
	text-decoration	: underline;
}
a:hover {
	color						: #004ED4;
	text-decoration	: none;
}
a:hover img.Rollover{
	opacity					: 0.7;
	filter					: alpha(opacity=70);
}
/* Katsudou */
.gikai_cate_001 a.Link {
	background			: url(/shared/site_gikai/images/arrow_katsudou_big.gif) no-repeat 0 0px;
	padding-left		: 20px;
}
/* Annai */
.gikai_cate_005 a.Link {
	background			: url(/shared/site_gikai/images/arrow_annai_big.gif) no-repeat 0 0px;
	padding-left		: 20px;
}
/* Default */
.gikai_cate_006 a.Link {
	background			: url(/shared/site_gikai/images/arrow_default_big.gif) no-repeat 0 0px;
	padding-left		: 20px;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	margin			: 0;
	color				: #333333;
}
* html body {
	text-align:center;
}
#Container {
	width				: 800px;
	margin			: 0 auto;
	font-size		: 108%;
	line-height	: 140%;
}
* html #Container {
	text-align:left;
}
.gikai_cate_007 #Contents {
	width			: 780px;
	padding		: 0 10px;
	text-align: left;
}

/* MARGIN
-------------------------------------------------------------------------------------------------*/
.MT10 {
	margin	: 10px 0 0 0 !important;
}
.MT20 {
	margin	: 20px 0 0 0 !important;
}
.MB10 {
	margin	: 0 0 10px 0;
}
.MR8  {
	margin	: 0 0 0 8px;
}

/* HEADER
-------------------------------------------------------------------------------------------------*/
#Header {
	margin		: 14px 0 16px 0;
}
	#Header div.Left {
		float			: left;
		width			: 182px;
	
}
		#Header div.Left p {
			float			: left;
			width			: 182px;
			margin		: 6px 0 0 0;
		
}
	#Header div.Right {
		float			: right;
		text-align:right;
		margin		: 0;
		width			: 550px;
	
}
		#Header div.Right p {
			float			: right;
			margin		: 0;
			padding		: 0;
		
}
			#Header div.Right p input {
				float			: left;
				margin		: 0 0 0 10px;
			
}
			#Header div.Right input#srchBtn {
				margin		: 0 0 0 4px;
			
}
			#Header div.Right dl {
				float			: right;
				width			: 180px;
			
}
				#Header div.Right dl dt {
					float				: left;
					padding			: 4px 10px 0 10px;
				
}
				#Header div.Right dl dd {
					float				: left;
				
}
					#Header div.Right dl dd a {
						margin		: 0 1px 0 0;
					
}
		#Header .SubMenu {
			clear			: both;
			display		: inline-block;
			width			: 482px;
			margin		: 0;
			padding		: 10px 0 0 10px;
			font-size	: 85%;
		
}
			#Header .SubMenu li {
				float			: right;
				margin		: 0 0 0 21px;
				padding		: 0 0 0 8px;
				background: url(/shared/site_gikai/images/arrow_default.gif) no-repeat 0 6px;
			
}
			#Header .SubMenu li.End {
				margin		: 0 0 0 0;
			
}


/* HEADER MENU
-------------------------------------------------------------------------------------------------*/
#HeaderMenu {
	clear			: both;
	margin		: 0 0 20px 0;
}
	#HeaderMenu ul.MainMenu {
		height			: 50px;
		overflow		: hidden;
	
}
		#HeaderMenu ul.MainMenu li {
			float			: left;
		
}

#tmp_pankuzu {
	clear				: both;
	font-size		: 85%;
	margin			: 0 0 8px 0;
}
/* CONTENTS
-------------------------------------------------------------------------------------------------*/
#Contents {
	width			: 580px;
	float			: left;
	text-align:left;
}
#MainArea {
	width:800px;
	text-align:left;
}
#RightArea {
	width			: 200px;
	float			: right;
}
#RightArea .Banner td {
	padding :0;
}
	#RightArea .Banner td img {
			margin	: 0 0 8px 0;
		
	}
#tmp_contents,
#tmp_maincontents {
	width:100%;
}

/* SideMenu
-------------------------------------------------------------------------------------------------*/
#RightArea .SideMenu {
	margin		: 0 0 30px 0;
	width			: 200px;
}
	#RightArea .SideMenu th {
		padding					: 7px 0 6px 22px;
	
}
	#RightArea .SideMenu th a {
		color						: #FFFFFF !important;
		font-weight			: bold;
		text-decoration	: none !important;
	
}
	#RightArea .SideMenu td {
		padding					: 6px 0 6px 12px;
		border-bottom		: 1px solid #CCC;
	
}
/* Katsudou */
.gikai_cate_001  #RightArea .SideMenu th {
	background:#719700 url(/shared/site_gikai/images/bg_sidemenu.gif) no-repeat 10px 6px;
}
.gikai_cate_001  #RightArea .SideMenu td {
	background:url(/shared/site_gikai/images/arrow_katsudou.gif) no-repeat 2px 12px;
}

/* Aramashi */
.gikai_cate_003  #RightArea .SideMenu th {
	background:#8d8200 url(/shared/site_gikai/images/bg_sidemenu.gif) no-repeat 10px 6px;
}
.gikai_cate_003  #RightArea .SideMenu td {
	background:url(/shared/site_gikai/images/arrow_aramashi.gif) no-repeat 2px 12px;
}

/* Giin */
.gikai_cate_004  #RightArea .SideMenu th {
	background:#af4f1e url(/shared/site_gikai/images/bg_sidemenu.gif) no-repeat 10px 6px;
}
.gikai_cate_004  #RightArea .SideMenu td {
	background:url(/shared/site_gikai/images/arrow_giin.gif) no-repeat 2px 12px;
}

/* Gichou */
.gikai_cate_002 #RightArea .SideMenu th {
	background:#396e9f url(/shared/site_gikai/images/bg_sidemenu.gif) no-repeat 10px 6px;
}
.gikai_cate_002 #RightArea .SideMenu td {
	background:url(/shared/site_gikai/images/arrow_gichou.gif) no-repeat 2px 12px;
}

/* Annai */
.gikai_cate_005  #RightArea .SideMenu th {
	background:#3e3e96 url(/shared/site_gikai/images/bg_sidemenu.gif) no-repeat 10px 6px;
}
.gikai_cate_005  #RightArea .SideMenu td {
	background:url(/shared/site_gikai/images/arrow_annai.gif) no-repeat 2px 12px;
}

/* FOOTER
-------------------------------------------------------------------------------------------------*/
#Footer {
	clear				: both;
	padding			: 40px 0 0 0;
	text-align	: center;
}
#Footer p.PageTop {
	text-align	: Right;
	margin			: 0 4px 0 0;
}

#Footer div {
	background	: url(/shared/site_gikai/images/footer_bg.gif) repeat-x;
	padding			: 6px 0 6px 5px;
}
	#Footer div strong {
		font-weight	: bold;
	
}
	#Footer div p.Left {
		float				: left;
		text-align	: right;
		width				: 270px;
	
}
	#Footer div p.Right {
		float				: right;
		text-align	: left;
		width				: 490px;
	
}
	#Footer a {
		color				: #333;
	
}
p.CopyRight {
	clear				: both;
	background	: #026801;
	color				: #FFF;
	font-size		: 77%;
}
.plugin {
	padding:10px;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
	color:#CD0A0A; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#468409; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
	font-size:130%; /* body 14pxのとき20px相当 */
}
.txt_small {
	font-size:86%; /* body 14pxのとき12px相当 */
}
.space_lft1 {
	text-indent:1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
	margin-right:20px !important;
	margin-bottom:10px !important;
	clear:both;
	float:left;
}
.float_rgt {
	margin-bottom:10px !important;
	margin-left:20px !important;
	clear:both;
	float:right;
}
.clear {
	clear:both;
}
/* noicon ▼変更しない
============================== */
ul.noicon {
	margin-left:3.2em !important;
	text-indent:-1.5em !important;
	list-style:none !important;
	list-style-image:none !important;
}
ul.noicon ul,
ul.noicon ol,
ul.noicon p,
ul.noicon h1,
ul.noicon h2,
ul.noicon h3,
ul.noicon h4,
ul.noicon h5,
ul.noicon h6,
ul.noicon table,
ul.noicon div {
	text-indent:0 !important;
}
ul ul.noicon,
ol ul.noicon {
	margin-left:1.5em !important;
	text-indent:-1.5em !important;
}
/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
table.col2 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col2 td.col2L,
table.col2 td.col2R {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.col2 td.col2L {
	width:50%;
	border-right-width:15px;
}
#tmp_main table.col2 td.col2L {
	border-right:15px solid #FFFFFF;
}
table.col2 td.col2R {
	width:50%;
}
div.col2 {
	width:100%;
}
div.col2 div.col2L {
	display:table;
	width:48.5%;
	margin-right:2%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48.5%;
	float:left;
}
/* nestcol2 ▼変更しない
============================== */
table.col2 table.col2 td.col2L {
	padding:0;
}
div.col2 div.col2 div.col2L {
	width:47.5%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47.5%;
}
/* fixed_col2 ▼変更しない
   編集領域には使わない（イベントカレンダー・定型等に使う）
============================== */
div.fixed_col2 {
	width:100%;
}
div.fixed_col2 div.fixed_col2L {
	display:table;
	width:48.5%;
	margin-right:2%;
	float:left;
}
div.fixed_col2 div.fixed_col2R {
	display:table;
	width:48.5%;
	float:right;
}
/* col3 ▼変更しない
============================== */
table.col3 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col3 td.col3L,
table.col3 td.col3M,
table.col3 td.col3R {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.col3 td.col3L,
table.col3 td.col3M {
	width:33.33%;
	border-right-width:10px;
}
#tmp_main table.col3 td.col3L,
#tmp_main table.col3 td.col3M {
	border-right:10px solid #FFFFFF;
}
table.col3 td.col3R {
	width:33.33%;
}
div.col3 {
	width:100%;
}
div.col3 div.col3L,
div.col3 div.col3M {
	display:table;
	width:31.7%;
	margin-right:2%;
	float:left;
}
div.col3 div.col3R {
	display:table;
	width:31.7%;
	float:left;
}
/* img_cap ▼変更しない
============================== */
table.img_cap {
	margin:0 0 0.3em;
	border-collapse:collapse;
	border-spacing:0;
}
table.img_cap td {
	padding:0;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* layouttable ▼変更しない
============================== */
table.layouttable {
	border-collapse:collapse;
	border-spacing:0;
}
table.layouttable td {
	padding:0 15px 0 0;
	vertical-align:top;
	text-align:left;
}
/* ==================================================
Google
================================================== */
#cse .gsc-thinWrapper {
	width:100% !important;
}
/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display:none !important;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display:block !important;
}

/* ==================================================
system
================================================== */
/* indent ▼変更しない
============================== */
div.section,
blockquote {
	padding:0 0 0 1em;
}
/* bgcolor
============================== */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
td.bg_yellow,
th.bg_yellow {
	color:inherit;
	background-color:#FEF3E2; /* デザインによって変更 */
}
td.bg_green,
th.bg_green {
	color:inherit;
	background-color:#E4F1D9; /* デザインによって変更 */
}
td.bg_blue,
th.bg_blue {
	color:inherit;
	background-color:#C7E6F1; /* デザインによって変更 */
}
td.bg_gray,
th.bg_gray {
	color:inherit;
	background-color:#E6E6E6; /* デザインによって変更 */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
/* ==================================================
clearfix
================================================== */
/* for modern browser */
#tmp_maincontents:after,
#tmp_contents:after,
.plugin:after,
.pnavi:after,
div.col2:after,
div.fixed_col2:after,
div.col3:after,
.clearfix:after {
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}

/* for IE7.0 */
*:first-child+html #tmp_maincontents,
*:first-child+html #tmp_contents,
*:first-child+html .plugin,
*:first-child+html .pnavi,
*:first-child+html div.col2,
*:first-child+html div.fixed_col2,
*:first-child+html div.col3,
*:first-child+html .clearfix {
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html #tmp_maincontents,
* html #tmp_contents,
* html .plugin,
* html .pnavi,
* html div.col2,
* html div.fixed_col2,
* html div.col3,
* html .clearfix {
	display:inline-block; /* 変更しない */
}
