@charset "utf-8";
/* CSS Document */

/* 全体幅850px */
/* =============================================
 *このCSSは共通制御設定となります。
================================================*/

/*
 * LAYOUT
 * ----------
 * INDEX
 *
 * 01 共通レイアウト(フレーム)
 * 02 共通タグ
 * 03 ヘッダー
 * 04 メニュー
 * 05 フッター
 * 06 その他 共通
 * 07 wordpress
 * ----------
 */


/* 01 ========================================
 * 共通レイアウト(フレーム)制御
 ======================================== */

#frame {
	text-align:center;
}

#main-flame {
	width:850px;
	margin:0 auto;
	text-align:left;
}

#content {
	width:830px;
	margin:10px 10px 20px 10px;
}

/* 02 ========================================
 * 共通タグ制御
 ======================================== */

div,p,table,ul,li,hr {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h1,h2,h3,h4,h5,h6 {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
dl,dt,dd {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

form {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

img {
	border:none;
}

h1 {
	font-size:10px;
	font-weight:normal;
	line-height:20px;
	color:#666666;
}

body{
	padding:0;
	margin:0;
	font-size:12px;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳゴシック", Osaka;
	color:#333333;
}


/* 03 ========================================
 * ヘッダー
 ======================================== */

#header {
	width:850px;
	height:74px;
	padding:0 0 0 0;
	background-image:url(../img/top_head.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:right;
}

#top-navi {
	width:850px;
	padding:20px 0 0 0;
}
	#top-navi table {
	width:850px;
	padding:0 0 0 0;
	}
	#top-navi .left-td {
		width:610px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:left;
		vertical-align:middle;
	}
		#top-navi .left-td a {
			display:block;
			width:350px;
			height:30px;
			text-decoration:none;
		}
	#top-navi .right-td {
		width:240px;
		margin:0 0 0 0;
		padding:10px 0 0 0;
		vertical-align:middle;
	}
	#top-navi ul {
		width:240px;
		list-style-type:none;
	}
	#top-navi li {
		margin:0 10px 0 0;
		list-style-type:none;
		float:left;
	}

/* 04 ========================================
 * メニュー
 ======================================== */

#g-navi{
	width:850px;
	height:38px;
	position:relative;
}

#navi{
	width:850px;
	height:38px;
	background-image:url(../img/menu.gif);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	margin:0 0 0 0;
	z-index:20;
}
	#navi a{
		display:block;
		height:38px;
		line-height:38px;
		text-align:center;
		text-decoration:none;
		color:#ffffff;
	}
	#navi h2{
		display:inline;
		font-size:12px;
		font-weight:normal;
	}
	#navi ul{
	width:842px;
	height:38px;
	margin:0 0 0 4px;
	}

	#navi li {
		list-style-type:none;
		float:left;
	}

.link01 {width:93px;}
.link02 {width:100px;}
.link03 {width:78px;}
.link04 {width:90px;}
.link05 {width:120px;}
.link06 {width:110px;}
.link07 {width:99px;}
.link08 {width:150px;}
/*.link09 {width:73px;}
.link10 {width:56px;}
.link11 {width:59px;}*/


#menu1,
#menu2,
#menu3,
#menu4,
#menu5,
#menu6,
#menu7,
#menu8,
#menu9,
#menu10,
#menu11{
	visibility:hidden;
	position:absolute;
	top:35px;
	z-index:10;
}

#menu1{left:4px;}
#menu2{left:96px;}
#menu3{left:196px;}
#menu4{left:276px;}
#menu5{left:368px;}
#menu6{left:486px;}
#menu7{left:596px;}
#menu8{left:696px;}
/*#menu9{left:657px;}
#menu10{left:730px;}
#menu11{left:715px;}*/

	#menu1 a {
		display:block;
		width:180px;
	}
	#menu2 a {
		display:block;
		width:100px;
	}
	#menu3 a {
		display:block;
		width:130px;
	}
	#menu4 a {
		display:block;
		width:110px;
	}
	#menu5 a {
		display:block;
		width:100px;
	}
	#menu6 a {
		display:block;
		width:110px;
	}
	#menu7 a {
		display:block;
		width:120px;
	}
	#menu8 a {
		display:block;
		width:110px;
	}
/*	#menu9 a {
		display:block;
		width:100px;
	}
	#menu10 a {
		display:block;
		width:100px;
	}
	#menu11 a {
		display:block;
		width:120px;
	}*/

.menu-color01 {
	padding:0 0 0 0;
	background-color:#2bace8;
	}

.menu-color02 {
	padding:0 0 0 0;
	background-color:#6abb65;
	}
.menu-color03 {
	padding:0 0 0 0;
	background-color:#f2aC00;
	}

	.menu-color01 a,
	.menu-color02 a,
	.menu-color03 a {
		display:block;
		color:#ffffff;
		text-decoration:none;
		}

		.menu-color01 a:link{
			padding:5px 5px 5px 5px;
			background-color: #2bace8;
		}
		.menu-color01 a:visited {/* … 訪問済みのリンク*/
			padding:5px 5px 5px 5px;
			background-color: #2bace8;
		}
		.menu-color01 a:hover {/*… ポイント時のリンク*/
			padding:5px 5px 5px 5px;
			background-color: #0066cc;
		}
		.menu-color01 a:active {/*… 選択中のリンク*/
			padding:5px 5px 5px 5px;
			background-color: #2bace8;
		}

		.menu-color02 a:link{
			padding:5px 5px 5px 5px;
			background-color: #6abb65;
		}
		.menu-color02 a:visited {/* … 訪問済みのリンク*/
			padding:5px 5px 5px 5px;
			background-color: #6abb65;
		}
		.menu-color02 a:hover {/*… ポイント時のリンク*/
			padding:5px 5px 5px 5px;
			background-color: #339933;
		}
		.menu-color02 a:active {/*… 選択中のリンク*/
			padding:5px 5px 5px 5px;
			background-color: #6abb65;
		}

		.menu-color03 a:link{
			padding:5px 5px 5px 5px;
			background-color: #f2aC00;
		}
		.menu-color03 a:visited {/* … 訪問済みのリンク*/
			padding:5px 5px 5px 5px;
			background-color: #f2aC00;
		}
		.menu-color03 a:hover {/*… ポイント時のリンク*/
			padding:5px 5px 5px 5px;
			background-color: #ff6600;
		}
		.menu-color03 a:active {/*… 選択中のリンク*/
			padding:5px 5px 5px 5px;
			background-color: #f2aC00;
		}


/* 05 ========================================
 * フッター
 ======================================== */

#footer {
	width:850px;
}
	#footer .add {
		width:850px;
		font-size:10px;
		color:#666666;
		border:1px dotted #666666;
	}
		#footer .add p {
			width:600px;
			margin:10px 10px 10px 10px;
			line-height:18px;
			color:#666666;
			float:left;
		}
	#footer .flash-logo {
		width:160px;
		margin:10px 10px 10px 10px;
		float:right;
	}
	#footer .bottom-navi {
		width:830px;
		margin:15px 10px 15px 10px;
		line-height:18px;
		color:#666666;
	}
	#footer .bottom-link {
		width:415px;
	}
		#footer .bottom-link a {
			color:#666666;
			text-decoration:none;
		}
		#footer .bottom-link a:link{
			color: #666666;
		}
		#footer .bottom-link a:visited {/* … 訪問済みのリンク*/
			color: #666666;
		}
		#footer .bottom-link a:hover {/*… ポイント時のリンク*/
			color: #666666;
		}
		#footer .bottom-link a:active {/*… 選択中のリンク*/
		}

	#footer .copyright {
		width:415px;
		text-align:right;
	}


/* 06 ========================================
 * その他 共通
 ======================================== */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* top */
h2.hidden {
	display:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:12px;
	font-weight:normal;
	text-indent:-99999px;
}

/* midashi */
#midashi {
	padding:10px 10px 10px 10px;
	background-color:#2bace8;
}
	#midashi h2 {
		font-size:20px;
		color:#ffffff;
	}

#midashi02 {
	padding:10px 10px 10px 10px;
	background-color:#9ac562;
}
	#midashi02 h2 {
		font-size:20px;
		color:#ffffff;
	}


/*パンくず*/
.pan {
	width:830px;
	margin:10px auto 0 auto;
}

/*アンカー*/
.anchor {
	width:830px;
	margin:10px auto 0 auto;
	text-align:right;
}

/*Flash*/
.flash {
	width:850px;
	margin:0 0 20px 0;
}

/* category flame */
.left-cat {
	width:490px;
	margin:0 30px 0 0;
	float:left;
}

.right-cat {
	width:310px;
	margin:0 0 0 0;
	float:right;
}

.common-cat {
	width:830px;
	margin:10px 0 10px 0;
}

/*navi*/
.navi-link {
	padding:10px 0 0 10px;
	text-align:right;
}


/*color(2011.8.8追記)*/
.red {
	color:#e60012;
}
.yellow {
	color:#fff462;
}
.white {
	color:#ffffff;
}


/*link banner*/
.link-banner01 {
	padding:0 5px 0 0;
	width:200px;
}

.sukima {
	height:20px;
}
.space-padding {
 padding:20px 0 0 0;
}


/* 07 ========================================
 * wordpress
 ======================================== */
.cat01 {
	width:34%;
	text-align:left;
	color:#2bace8;
}

.cat02 {
	width:41%;
	text-align:left;
	color:#9ac562;
}

.border01 {
	width:66%;
	background-image:url(../img/border01.gif);
	background-repeat:repeat-x;
	background-position:left;
}
.border02 {
	width:59%;
	background-image:url(../img/border02.gif);
	background-repeat:repeat-x;
	background-position:left;
}
	.cat01 h3,
	.cat02 h3 {
		display:inline;
		padding:0 10px 0 0;
		font-size:16px;
	}
	.cat01 img,
	.cat02 img {
		padding:0 5px 0 0;
	}
		.cat01 a {
			color:#2bace8;
			font-size:10px;
			font-weight:normal;
		}
		.cat01 a:link{
			color: #2bace8;
		}
		.cat01 a:visited {/* … 訪問済みのリンク*/
			color: #2bace8;
		}
		.cat01 a:hover {/*… ポイント時のリンク*/
			color: #2bace8;
		}
		.cat01 a:active {/*… 選択中のリンク*/
		}

		.cat02 a {
			color:#9ac562;
			font-size:10px;
			font-weight:normal;
		}
		.cat02 a:link{
			color: #9ac562;
		}
		.cat02 a:visited {/* … 訪問済みのリンク*/
			color: #9ac562;
		}
		.cat02 a:hover {/*… ポイント時のリンク*/
			color: #9ac562;
		}
		.cat02 a:active {/*… 選択中のリンク*/
		}

.cat-date {
	padding:10px 0 0 0;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#333333;
}
	.cat-date img {
		padding:0 5px 0 0;
	}

.cat-text {
	padding:5px 10px 5px 15px;
	font-size:12px;
	text-align:left;
	line-height:18px;
	color:#333333;
	border-bottom:1px dotted #b2b2b2;
}
	.cat-text h4 {
		display:inline;
		font-weight:normal;
	}

.cat-text02 {
	padding:5px 10px 5px 15px;
	font-size:12px;
	text-align:left;
	line-height:18px;
	color:#333333;
	border-bottom:1px dotted #b2b2b2;
}
	.cat-text02 h3 {
		font-size:14px;
		font-weight:normal;
	}