@charset "utf-8";
/*-----------------------------------------------------------------------------------------------
	[ Creative Station flag css ] [ common_page.css ]
	-----------------------------------------------------------------------------------------------
	author: Lampros co.,ltd. Atsushi Umehara
	url:http://www.lampros.co.jp/
	making day: 2009-07-27
	---------------------------------------------------------------------------------------------*/


/* ================================================

	基本設定

=================================================*/

/* コンテナ・各エリア設定
---------------------------------------------------------------------------------------------*/

/* コンテナ -------------*/
div#container {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/* ヘッダ -------------*/
div#headerArea {
	height: 234px;
	width: 600px;
}
div#headerArea p {
	float: right;
}
div#headerArea h1.logo {
	float: left;
	margin-top: 32px;
	margin-left: 20px;
	width: 82px;
}
div#headerArea p.keyword {
	width: 400px;
	text-align: right;
	margin-top: 16px;
	margin-right: 0px;
}
div#headerArea p.cap {
	margin-right: 0px;
	margin-top: 32px;
}

/* メニュー -------------*/
div#menuArea {
	height: 32px;
	width: 600px;
	clear: both;
	background-image: url(../_img/bg_4.gif);
	background-repeat: repeat-x;
}
div#menuArea ul {
	text-align: center;
}
div#menuArea ul li {
	float: left;
}
div#menuArea ul li a {
	float: left;
	height: 32px;
	width: 114px;
	display: block;
}
div#menuArea ul li#m1 a {
	margin-left: 115px;
	background-image: url(../_img/bt_3.jpg);
	background-repeat: no-repeat;
}
* html div#menuArea ul li#m1 a {
	margin-left: 57px;
}
div#menuArea ul li#m1 a:hover {
	background-image: url(../_img/bt_3_f2.jpg);
	background-repeat: no-repeat;
}
div#menuArea ul li#m2 a {
	margin-right: 14px;
	margin-left: 14px;
	background-image: url(../_img/bt_4.jpg);
	background-repeat: no-repeat;
}
div#menuArea ul li#m2 a:hover {
	background-image: url(../_img/bt_4_f2.jpg);
	background-repeat: no-repeat;
}
div#menuArea ul li#m3 a {
	background-image: url(../_img/bt_5.jpg);
	background-repeat: no-repeat;
}
div#menuArea ul li#m3 a:hover {
	background-image: url(../_img/bt_5_f2.jpg);
	background-repeat: no-repeat;
}

div#menuArea ul li.on a.a1,
div#menuArea ul li.on a.a1:hover {
	background-image: url(../_img/bt_3_f3.jpg) !important;
	background-repeat: no-repeat;
}
div#menuArea ul li.on a.a2,
div#menuArea ul li.on a.a3:hover {
	background-image: url(../_img/bt_4_f3.jpg) !important;
	background-repeat: no-repeat;
}
div#menuArea ul li.on a.a3,
div#menuArea ul li.on a.a3:hover {
	background-image: url(../_img/bt_5_f3.jpg) !important;
	background-repeat: no-repeat;
}

div#menuArea ul li a {
	text-indent: -9999px;
	overflow: hidden;
}

div.gototop {
	clear: both;
	margin-top: 10px;
	text-align: right;
}
div.gototop a {
	text-decoration: none;
	color: #999999;
}
div.gototop a:hover {
	color: #55657F;
}


/* タブレイアウト -------------*/
div.tabLayout {
	margin-top: 20px;
	clear: both;
}
div.tabLayout h2 {
	background-image: url(../_img/ber_1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 8px;
	padding-left: 40px;
	font-size: 12px;
	font-weight: bold;
	clear: both;
}
div.tabLayout ul {
	margin-left: 50px;
	margin-top: 20px;
}
div.tabLayout ul li {
	clear: both;
	margin-bottom: 10px;
}
div.tabLayout ul li span {
	float: left;
}
div.tabLayout ul li span.title {
	width: 70px;
	font-weight: bold;
}
div.tabLayout ul li span.data {}
div.tabLayout ul li span.link {
	text-align: right;
	clear: both;
	margin-top: 10px;
}
div.tabLayout ul li span.link a,
div#tab3 div.box a {
	text-decoration: none;
}
div.tabLayout ul li span.link a:hover,
div#tab3 div.box a:hover {
	color: #55657F;
}
div#tab3 div.box {
	margin-left: 50px;
	margin-top: 20px;
}
div#tab3 div.box p {
	float: left;
}
div#tab3 div.box p.map {
	margin-bottom: 15px;
}
div#tab3 div.box p.link {
	text-align: right;
	margin-left: 100px;
	margin-top: 40px;
}
div#tab3 div.box p.add {}
a.textLink {
	line-height: 25px;
}

/* フッター -------------*/
div#footer {
	clear: both;
	background-color: #55657F;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 10px;
}
div#footer p {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}



div.tabLayout ul li:after,
div#tab3 div.box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.tabLayout ul li,
div#tab3 div.box {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac */ 
* html div.tabLayout ul li,
* html div#tab3 div.box {
	height: 1%;	
}
div.tabLayout ul li,
div#tab3 div.box {
	display: block;
}