/****************************************************************************************************
 
	htmlタグでのマークアップ及びデザイン要素にて指定するスタイル
 
****************************************************************************************************/
/*サイト内の全てのタグに適用させるスタイル。フォントなどを指定*/
* {
	*font-size: small;
	*font: x-small;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	font: 13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	line-height: 150%;
	outline: 0;
	 }
 
/*bodyタグのスタイル。背景などを指定*/
body { }
 
/*bodyタグ直下にあるスタイル。サイトの横幅や位置など指定*/
#container {
	margin: 0 auto;
	width: 900px; }
 
/****************************************************************************************************
 
	ヘッダー
 
****************************************************************************************************/
#header {
	background: #FFF url(../image/common/header-bg.gif) repeat-x top left;
	padding-top: 14px;
	text-align: center; }
 
	/*ヘッダーにあるSEO用のキーワードのスタイル。フォントなどを指定*/
#header #keyword {
		padding-bottom: 5px;
		text-align: right; }
 
		#header #keyword ul {
			display: inline;
			padding-left: 20px; }
 
			#header #keyword ul li {
				border-left: 1px solid #CCC;
				display: inline;
				padding: 0 5px; }
 
				#header #keyword ul li a { font-size: 85%; }
 
	#header #logo {
		float: left;
		width: 142px; }
 
/*グローバルナビゲーション*/
ul#globalnavi {
	float: left;
	height: 32px;
	margin: 20px 0 0 58px;
	width: 470px; }
 
	ul#globalnavi li {
		float: left;
		font-size: 0px;
		line-height: 0px; }
 
/*ヘッダーサブナビゲーション*/
#header ul#subnavi {
	float: left;
	height: 15px;
	margin-left: 30px;
	padding-top: 20px;
	width: 200px; }
 
	#header ul#subnavi li {
		float: left;
		font-size: 0px;
		line-height: 0px; }
 
#header #search {
	float: left;
	margin: 15px 0 0 30px;
	width: 200px; }
 
	#header #search input.keyword {
		margin: 0;
		width: 150px; }
 
/****************************************************************************************************
 
	コンテンツ
 
****************************************************************************************************/
#contents {
	background: url(../image/common/rightbar-bg.gif) repeat-y top right;
	clear: both;
	margin-bottom: 10px; }
	
 
	/*本文が配置されるエリアのスタイル*/
#contents #main {
		background: #FFFFFF;
		display: block;
		float: left;
		margin-right: 30px;
		min-width: 670px;
		width: 670px; }
 
		#contents #main #title { margin-bottom: 5px; }
		
		
		/*トップページ*/
	
	#top-contents {
	background:none;
	clear: both;
	margin-bottom: 10px;}
	
	#top-contents #main {
		background: #FFFFFF;
		display: block;
		float: left;
		margin-right: 30px;
		min-width: 624px;
		width: 624px; }
 
/****************************************************************************************************
 
	ライトバー
 
****************************************************************************************************/
#contents #rightbar {
		float: left;
		padding-bottom: 5px;
		width: 200px; }
		
		#top-contents #rightbar {
		float: left;
			width:246px;
			overflow:hidden;
		}
 
		/*ライトバーお問い合せエリア*/
#contents #rightbar #contact {
			background: url(../image/common/sec-contact-bg2.gif) no-repeat;
			height: 73px;
			padding-top: 27px;
			text-align: center; 
			display:none;}
 
			#contents #rightbar #contact #buttom { margin: 0 auto; }
 
			#contents #rightbar #contact #flash {
				height: 38px;
				margin: 0 auto;
				width: 175px; }
 
#top-partner-banner {
	margin-top:20px;
}

#partner-banner {
	width:189px;
	margin: 20px 0 0 6px; }
	
	#recruit-banner {
	margin-top: 20px; }
	
	#twitter-banner {
	margin-top: 20px; }
 
#specialinfo {
	padding-bottom: 5px;
	text-align: center; }
 
	#specialinfo p {
		font-size: 85%;
		margin: 2px auto 0 auto;
		text-align: left;
		width: 174px; }
 
		#specialinfo p a { font-size: 100%; }
 
#contents #rightbar ul#navi {
	background-color: #FFF;
	margin: 5px auto 0 auto;
	padding: 5px 0;
	width: 189px; }
 
	/*ライトバーのナビゲーションの各ボタンのスタイル*/
#contents #rightbar ul#navi li.title {
		background-color: #b5b5b5;
		border: none;
		color: #FFFFFF;
		line-height: normal;
		margin: 0 auto;
		padding: 6px 5px 6px 10px;
		width: 168px; }
 
	#contents #rightbar ul#navi li {
		border-bottom: 1px solid #e5e5e5;
		line-height: 0;
		margin: 0 auto;
		width: 183px; }
 
		#contents #rightbar ul#navi li.category {
			background: url(../image/common/right-nav-bg-category.gif);
			border-bottom: 1px solid #DDDDDD;
			line-height: normal;
			margin: 0 auto;
			padding: 6px 5px 6px 10px;
			width: 168px; }
 
		#contents #rightbar ul#navi li.end { border-bottom: none; }
 
		/*ライトバーのナビゲーションの各ボタンのaタグ*/
#contents #rightbar ul#navi li a {
			color: #333333;
			display: block;
			letter-spacing: 0;
			margin: 0 auto;
			padding: 6px 5px 6px 10px;
			text-decoration: none;
			width: 168px; }
 
			#contents #rightbar ul#navi li a:hover {
				background: url(../image/common/navi-bg.gif) repeat-y left top;
				color: #e30008;
				display: block;
				letter-spacing: 0;
				margin: 0 auto;
				padding: 6px 5px 6px 10px;
				text-decoration: none;
				width: 168px; }
 
			#contents #rightbar ul#navi li a.on {
				background-color: #ffede5;
				color: #333333;
				display: block;
				letter-spacing: 0;
				margin: 0 auto;
				padding: 6px 5px 6px 10px;
				text-decoration: none;
				width: 168px; }
 
		/*ライトバーのサブナビゲーションの各ボタンのaタグ*/
#contents #rightbar ul#navi li.sub a:link, #contents #rightbar ul#navi li.sub a:visited, #contents #rightbar ul#navi li.sub a:active {
			background-color: #EEE;
			color: #666;
			display: block;
			font-size: 85%;
			letter-spacing: 0;
			line-height: normal;
			margin: 0 auto;
			padding: 5px 5px 5px 10px;
			text-decoration: none;
			width: 168px; }
 
		#contents #rightbar ul#navi li.sub a:hover {
			background-color: #FFF;
			color: #e30008;
			display: block;
			font-size: 85%;
			letter-spacing: 0;
			line-height: normal;
			margin: 0 auto;
			padding: 5px 5px 5px 10px;
			text-decoration: none;
			width: 168px; }
 
/****************************************************************************************************
 
	フォント
 
****************************************************************************************************/
/*見出し*/
h1 {
	display: inline;
	font-size: 85%; }
 
h2 {
	background: url(../image/common/line1.gif) repeat-x bottom left;
	color: #333;
	font-size: 123.1%;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
	padding-bottom: 15px; }
 
h3 {
	font-size: 138.5%;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 160%; }
 
	h3.space { margin-bottom: 25px; }
 
h4 {
	background: url(../image/common/right-nav-bg-category.gif); /*border-left:2px solid #000000;*/
	clear: both;
	color: #333;
	font-weight: bold;
	height: 32px;
	letter-spacing: 1px;
	line-height: 32px;
	margin: 35px 0 15px 0;
	text-indent: 8px; }
 
	h4.nospace { margin: 0 0 15px 0; }
 
	h4.nospace-bottom { margin: 35px 0 0 0; }
 
h5 {
	color: #333;
	font-weight: bold;
	margin-bottom: 5px; }
 
	h5.space { margin-top: 20px; }
 
/*テキスト*/
p {
	font-size: 100%;
	letter-spacing: 1px;
	padding: 0px; }
 
	p.space { padding-bottom: 15px; }
 
	p.style-la {
		font-size: 123.1%;
		font-weight: bold; }
 
	p.style-s { font-size: 85%; }
 
	p.style-c1 { color: #b03f47; }
 
	p.style-c2 { color: #2971a7; }
 
strong { font-weight: bold; }
 
/*テキスト中の写真の廻り込み*/
img.right {
	float: right;
	margin: 0 0 25px 25px; }
 
img.right2 {
	float: right;
	margin: 0 0 0 25px; }
 
img.right3 {
	float: right;
	margin: 0 0 0 40px; }
 
img.left {
	float: left;
	margin: 0 25px 25px 0; }
 
img.left2 {
	float: left;
	margin: 0 25px 0 0; }
 
img.left3 {
	float: left;
	margin: 0 40px 0 0; }
 
/*キャプション*/
.caption {
	font-size: 85%;
	letter-spacing: 0;
	margin-top: 5px; }
 
/*注意文*/
.attention {  }
 
/*.text10 {
 
	font-size:77%;
 
}
 
.text11 {
 
	font-size:85%;
 
}
 
.text12 {
 
	font-size:93%;
 
}
 
.text13 {
 
	font-size:100%;
 
}
 
.text14 {
 
	font-size:108%;
 
}
 
.text15 {
 
	font-size:116%;
 
}
 
.text16 {
 
	font-size:123.1%;
 
}
 
.text17 {
 
	font-size:131%;
 
}
 
.text18 {
 
	font-size:138.5%;
 
}
 
.text19 {
 
	font-size:146.5%;
 
}
 
.text20 {
 
	font-size:153.9%;
 
}
 
.text21 {
 
	font-size:161.6%;
 
}
 
.text22 {
 
	font-size:167%;
 
}
 
.text23 {
 
	font-size:174%;
 
}
 
.text24 {
 
	font-size:182%;
 
}
 
.text25 {
 
	font-size:189%;
 
}
 
.text26 {
 
	font-size:197%;
 
}*/
/****************************************************************************************************
 
	フッターコンタクト
 
****************************************************************************************************/
#footer-contact {
	background: url(../image/common/footer-contact-bg-middle.gif) repeat-y left top;
	clear: both;
	margin: 30px auto 0 auto;
	display:none;
	width: 513px; }
 
	#footer-contact p {
		background: url(../image/common/line2.gif) repeat-x left bottom;
		font-size: 85%;
		margin-bottom: 10px;
		padding-bottom: 5px; }
 
	#footer-contact img.tel { padding-left: 15px; }
 
	#footer-contact div.top-bg {
		background: url(../image/common/footer-contact-bg-top.gif) no-repeat left top;
		height: 10px; }
 
	#footer-contact div.bottom-bg {
		background: url(../image/common/footer-contact-bg-bottom.gif) no-repeat left bottom;
		height: 10px; }
 
	#footer-contact table { margin: 0 10px; }
 
/****************************************************************************************************
 
	フッター
 
****************************************************************************************************/
#footer {
	background: url(../image/common/line1.gif) repeat-x top left;
	clear: both;
	margin-top: 40px;
	padding-top: 15px; }
 
	/*フッター内のSEO用のキーワードのスタイル。フォントなどを指定*/
#footer .seo {  }
 
	/*フッター内のコピーライトのスタイル*/
#footer #copyright {
		width: 500px;
		float: left;
		font-size: 85%;
		line-height: 140%;
		display: block;
		overflow: hidden;
		}

	/*フッター内のプライバシーマークのスタイル*/
#footer #Privacy {
		float: left;
　　　　display: block;
		width:68px;
		margin-right:5px; }

#footer #right {
	width: 380px;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
	float: right;
}

	/*フッター内のナビゲーションのスタイル*/
#footer #right ul#f_navi {
	float: right;
	}
 
		/*フッター内のナビゲーションの各ボタンのスタイル*/
#footer #right ul#f_navi li {
			border-left: 1px solid #CCCCCC;
			display: inline;
			padding: 0 5px;
			float: left;
			}
			
 
			#footer #right ul#f_navi li.end { border-left: none; }
 
			/*フッター内のナビゲーションの各ボタンのaタグ*/
#footer #right ul#f_navi li a:link, #footer ul#f_navi li a:visited, #footer ul#f_navi li a:hover, #footer ul#f_navi li a:active { font-size: 85%; }
 
/*このページのトップへ*/
#pagetop {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	text-align: right; }
 
/****************************************************************************************************
 
	class単体で指定するスタイル
 
****************************************************************************************************/
/*floatを解除するスタイル*/
.float-reset { clear: both; }
 
/*親ブロックのサイズをfloatしたオブジェクトにあわせる。(※基本的に編集しない)*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden; }
 
.clearfix {
	display: inline-block;
	min-height: 1%; /* for IE 7*/ }
 
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
 
.clearfix { display: block; }
 
/* End hide from IE-mac */
/*縦余白*/
.margin-t50 { margin-top: 50px; }
 
.margin-t40 { margin-top: 40px; }
 
.margin-t30 { margin-top: 30px; }
 
.margin-t20 { margin-top: 20px; }
 
.margin-t10 { margin-top: 10px; }
 
.margin-b10 { margin-bottom: 10px; }
 
.margin-b20 { margin-bottom: 20px; }
 
.margin-b30 { margin-bottom: 30px; }
 
.padding-t50 { padding-top: 50px; }
 
.padding-t30 { padding-top: 30px; }
 
.padding-t20 { padding-top: 20px; }
 
.padding-t10 { padding-top: 10px; }
 
.padding-b10 { padding-bottom: 10px; }
 
.padding-b20 { padding-bottom: 20px; }
 
.padding-b30 { padding-bottom: 30px; }
 
/*文中の余白*/
.wspace01 {  }
 
/*ボーダーのスタイル*/
.border1 {  }
 
/*表組みのスタイル 外枠*/
table.chart1 {  }
 
	/*表組みのタイトル*/
table.chart1 caption {  }
 
	/*表組みのスタイル 表組みのタイトル*/
table.chart1 th {  }
 
	/*表組みのスタイル 内側*/
table.chart1 td {  }
 
/*入力フォーム*/
input, textarea {  }
 
/*サイト内共通のaタグ*/
a:link, a:visited, a:active {
	color: #3e87b6;
	text-decoration: none; }
 
a:hover { text-decoration: underline; }
 
.center {
	display: block;
	margin: 0 auto;
	text-align: center; }
 
a.blank {
	background: url(../image/common/blank.gif) no-repeat right bottom;
	padding-right: 20px; }
 
/****************************************************************************************************
 
	パンくずリスト
 
****************************************************************************************************/
ul#pan-list { margin-bottom: 20px; }
 
	ul#pan-list li {
		background: url(../image/common/arrow5.gif) no-repeat 5px center;
		display: inline;
		font-size: 85%;
		list-style-type: none;
		margin: 0px;
		padding: 0px 0px 0px 18px; }
 
		ul#pan-list li.home {
			background: none;
			display: inline;
			font-size: 85%;
			list-style-type: none;
			margin: 0px;
			padding: 0px; }
 
		ul#pan-list li a { font-size: 100%; }
 
/****************************************************************************************************
 
	テーブルデザイン
 
****************************************************************************************************/
table.design1 {
	border-collapse: collapse;
	margin: 0 auto; }
 
	table.design1 th {
		background-color: #dddddd;
		border: 1px #FFFFFF solid; /*background:url(../image/common/right-nav-bg-category.gif);*/
		color: #333;
		font-weight: bold;
		padding: 5px 10px;
		text-align: center; }
 
	table.design1 td {
		background-color: #eaeaea;
		border: 1px #FFFFFF solid;
		padding: 5px 10px; }
 
	table.design1 tr.even td { background: #f2ede8; }
 
table.design2 {
	border-collapse: collapse;
	margin: 0 auto; }
 
	table.design2 h4 { margin: 0 0 10px 0; }
 
	table.design2 th {
		background-color: #dddddd;
		border: 1px #FFFFFF solid;
		color: #333;
		font-weight: bold;
		padding: 5px 10px;
		text-align: center; }
 
	table.design2 td {
		background-color: #FFF;
		border: 1px #DDD solid;
		padding: 5px 5px 10px 5px;
		vertical-align: top; }
 
table.design3 {
	border-collapse: collapse;
	margin: 0 auto 0 auto; }
 
	table.design3 h4 { margin: 0; }
 
	table.design3 th {
		background-color: #FFF;
		border: 1px #DDD solid;
		padding: 1px; }
 
	table.design3 td {
		background-color: #FFF;
		border: 1px #DDD solid;
		padding: 10px;
		vertical-align: top; }
 
table.design4 {
	border-collapse: collapse;
	margin: 0 auto 0 auto; }
 
	table.design4 h4 { margin: 0; }
 
	table.design4 tr { background: url(../image/common/line2.gif) repeat-x bottom left; }
 
	table.design4 th {
		font-weight: bold;
		padding: 12px 10px;
		vertical-align: top; }
 
	table.design4 td {
		padding: 12px 10px;
		vertical-align: top; }
 
/****************************************************************************************************
 
	リストデザイン
 
****************************************************************************************************/
ul.list1 li {
	background: url(../image/common/arrow1.gif) no-repeat 8px 11px;
	border-bottom: 1px solid #e5e5e5;
	padding: 4px 4px 4px 26px; }
 
dl.list2 dt {
	clear: left;
	float: left;
	font-weight: bold;
	padding: 8px 0.5em;
	width: 9em; }
 
dl.list2 dd {
	background: url(../image/common/line2.gif) repeat-x left bottom;
	margin-left: 0;
	padding: 8px 0.5em 8px 11em; }
 
ul.list3 li {
	background: url(../image/common/arrow1.gif) no-repeat 8px 11px;
	padding: 4px 4px 4px 26px; }
 
ul.list4 li {
	background: url(../image/common/arrow3.gif) no-repeat 8px 9px;
	padding: 4px 4px 4px 26px; }
 
 
/* =Clearfix (all browsers)
--------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}