@charset "utf-8";
/* ===================================================================
CSS information

	file name  :style.css
	author     :Tatsuya Kougami
	style info :コンテンツエリア関係 他
 
このスタイルシートの構成
基本設定、レイアウト、横幅設定など
	汎用class
	各種スクリプト用class
	テーブル・表組用class
	タブ機能実装用
	 #navSkip
	 #page
 	 #contents
	  #site_image
	  #main
	  #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

a:link {
	color: #039;
}

a:visited {
}

a:hover {
	color: #636;
	text-decoration: none;
}

a:active {
}


/*----------------------------------------------------
	基本設定、見出しタグなど
----------------------------------------------------*/


#main h1 {
	height: 64px;
	background-image: url(../images/share/h1_bg.gif);
	background-repeat: no-repeat;
	padding-top: 13px;
	color: #315728;
	padding-left: 10px;
	font-size: 26px;
	margin-top: 5px;
	margin-bottom: -13px;
}

#main h2 {
	height: 30px;
	background-image: url(../images/share/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 108%;
	margin-bottom: 10px;
	margin-top: 12px;
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
}

#main h3 {
	background-image: url(../images/share/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 100%;
	padding-bottom: 7px;
	margin-top: 12px;
	margin-bottom: 6px;
}

#main h4 {
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding: 3px;
	line-height: 100%;
	border-top-style: dotted;
	border-top-color: #666;
	border-top-width: 1px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;	
}

#main h5 {
	font-size: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	margin: 0px;
	padding: 3px;
	line-height: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#main p {
	padding-right: 10px;
	padding-left: 10px;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 5px;
}

.imgL {
	float: left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 5px;
}

.btn {
	text-align: center;
}

.alignC {
	display: block;
	margin-bottom: 10px;
	text-align: center;
}

.valignM {
	display: block;
	vertical-align: middle; 
}

/*----------------------------------------------------
	各種スクリプト用class
----------------------------------------------------*/

/* テーブルストライプ用の指定 */
.stripe .odd {
	background-color: #EEE;
}
.stripe .even {
	background-color: #FFF; 
} 


/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}



/*----------------------------------------------------
	テーブル・表組用class
----------------------------------------------------*/
/* 価格テーブル用の指定 */
/* 未使用
.price {
	width: 300px;
	border: 1px solid #999;
	background-color: #F5F5F5;
	margin: 0px;
	padding: 0px;
}

.price th{
	background-color: #666;
	color: #FFF;
	margin: 0px;
	padding: 2px;
	border: 1px solid #FFF;
}

.price td {
	margin: 0px;
	padding: 2px;
	border: 1px solid #CCC;
}
*/


/*----------------------------------------------------
	タブ機能実装用
----------------------------------------------------*/
/* 未使用
.tabNav {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.tabNav li {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.tabNav li .active {
	display: block;
	width: 100px;
	color: #333;
	background-color: #FFF;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #FFF;
	border-left-color: #CCC;
}

.tabNav li a {
	display: block;
	width: 100px;
	color: #FFF;
	background-color: #666;
	text-decoration: none;
	border: 1px solid #FFF;
}



.tabNav li a:hover {
	display: block;
	width: 100px;
	color: #333;
	background-color: #FFF;
	text-decoration: none;
	border: 1px solid #EEE;
}



#tab1 {
	width: 532px;
	display: block;
	clear: both;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}


#tab2 {
	width: 532px;
	display: block;
	clear: both;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}


#tab3 {
	width: 532px;
	display: block;
	clear: both;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}

*/

/*----------------------------------------------------
	#navSkip (NavigationSkip)
----------------------------------------------------*/
span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	width: 780px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	float: left;
	width: 780px;
	background-color: #FFF;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}



/*----------------------------------------------------
	#site_image
----------------------------------------------------*/
#site_image {
	margin-bottom: 5px;
	margin-top: 3px;
}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: left;
	width: 780px;
	clear: both;
	margin-bottom: 12px;
}

#main table,#main ol,#main ul,#main dl,#main blockquote,#main pre,#main p {

}




/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
/* 未使用 
#sub {
	float: right;
	width: 300px;
}

#sub table,#sub ol,#sub ul,#sub dl,#sub blockquote,#sub pre,#sub p {
	margin-bottom: 1em;
}
*/


/* -----------------------------------------------------------
		スペース
----------------------------------------------------------- */

.mgnT1 { margin-top: 1px; }
.mgnT2 { margin-top: 2px; }
.mgnT3 { margin-top: 3px; }
.mgnT4 { margin-top: 4px; }
.mgnT5 { margin-top: 5px; }
.mgnT6 { margin-top: 6px; }
.mgnT7 { margin-top: 7px; }
.mgnT8 { margin-top: 8px; }
.mgnT9 { margin-top: 9px; }
.mgnT10 { margin-top: 10px; }
.mgnT11 { margin-top: 11px; }
.mgnT12 { margin-top: 12px; }
.mgnT13 { margin-top: 13px; }
.mgnT14 { margin-top: 14px; }
.mgnT15 { margin-top: 15px; }

.pdgL1 { padding-left: 1px; }
.pdgL2 { padding-left: 2px; }
.pdgL3 { padding-left: 3px; }
.pdgL4 { padding-left: 4px; }
.pdgL5 { padding-left: 5px; }

.pdgR1 { padding-right: 1px; }
.pdgR2 { padding-right: 2px; }
.pdgR3 { padding-right: 3px; }
.pdgR4 { padding-right: 4px; }
.pdgR5 { padding-right: 5px; }

.pdgT1 { padding-top: 1px; }
.pdgT2 { padding-top: 2px; }
.pdgT3 { padding-top: 3px; }
.pdgT4 { padding-top: 4px; }
.pdgT5 { padding-top: 5px; }

.pdgB1 { padding-bottom: 1px; }
.pdgB2 { padding-bottom: 2px; }
.pdgB3 { padding-bottom: 3px; }
.pdgB4 { padding-bottom: 4px; }
.pdgB5 { padding-bottom: 5px; }
.pdgB6 { padding-bottom: 6px; }
.pdgB7 { padding-bottom: 7px; }
.pdgB8 { padding-bottom: 8px; }
.pdgB9 { padding-bottom: 9px; }
.pdgB10 { padding-bottom: 10px; }


/* -----------------------------------------------------------
		avisブログの更新窓サンプル用
----------------------------------------------------------- */

.blog_bg {
	background-color: #DBDBDB;
	background-image: url(../images/item/blog_bg.gif);
}

.list_menu li {
	background-image: url(../images/item/icon_arow_green.gif);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #315728;
	list-style-type: none;
	display: inline-table;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 22px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	background-position: 5px 9px;
	width: 730px;
	margin-top: 0px;
}