@charset "Shift_JIS";

/* ページの基本構造
------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(../images/bg.gif) repeat;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

h1,h2,h3,h4,h5,h6,p,ul {
	margin-top:0;
	margin-bottom:0;
}

 ul, li{
	margin: 0;
	padding: 0;
	list-style:none;
}

h1 {
	margin: 0px;
	padding: 0px;

}

.index h4 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color:#333333;
	line-height: 1.6em;
	font-weight: normal;

}

.index h4 a{
	color:#333333;
}


.index h4 a:link { color:#333333; text-decoration:none; }
.index h4 a:visited { color:#333333; text-decoration:none; }
.index h4 a:hover { color:#A0A0A0; text-decoration:underline; }

#container {
	position:relative;
	width: 840px;
	margin: 0 auto;
	color: #000000;
	background: #FFFFFF;
}
#header {
	color: #000;
	margin-bottom: 40px;
}

#main {
	width: 610px;
	float: right;
	color: #fff;
	padding-top: 10px;
}

#bgcolor {
	background: #fff;
}

#mcontents {
	width: 560px;
}

#sub {
	width: 210px;
	float: left;
	color: #fff;
}

#scontents {
	width: 160px;
	float: right;
}

/* フロートを解除
------------------------------------------------------------ */
.clearing {
	clear:both;
	}
	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* ヘッダー
------------------------------------------------------------ */
#readme {
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 7px;
	color: #333;
	position:relative;
	width: 840px;
	margin: 0 auto;
}

#top {
	background: url(../images/index_img.jpg) no-repeat;
	text-indent: -9960px;
	height: 285px;
	width: 840px;

}

#web {
	background: url(../images/title_wc.jpg) no-repeat;
	text-indent: -9960px;
	height: 212px;
	width: 840px;

}

#ad {
	background: url(../images/title_ad.jpg) no-repeat;
	text-indent: -9960px;
	height: 212px;
	width: 840px;

}

#cg {
	background: url(../images/title_cg.jpg) no-repeat;
	text-indent: -9960px;
	height: 212px;
	width: 840px;

}

#inq {
	background: url(../images/title_inq.jpg) no-repeat;
	text-indent: -9960px;
	height: 212px;
	width: 840px;

}

/* ヘッダーサブナビ
------------------------------------------------------------ */
#subnavi{
	width: 840px;
	height: 23px;
	background: url(../images/bg_head.gif);
}

#subnavi ul, #subnavi li{
	margin: 0;
	padding: 0;
	list-style:none;
}

#subnavi ul {
	text-align: right;
	padding-right: 7px;

}

#subnavi ul li{
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: right;
}

#subnavi ul li a{
	padding-right: 7px;
	padding-left: 7px;
	font-size: 10px;
	color:#333333;
}

/* パンクズリスト
------------------------------------------------------------ */

#pankz {
	padding-top:4px;
	padding-left:37px;
	padding-bottom:4px;
	font-size: 10px;
	color:#333333;
	background: #E4E4E4;
}

#pankz a:link { color:#333333; text-decoration:none; }
#pankz a:visited { color:#333333; text-decoration:none; }
#pankz a:hover { color:#333333; text-decoration:underline; }


/* キャッチ
------------------------------------------------------------ */
#midashi_web {
	background: url(../images/midashi_wm.gif) no-repeat;
	text-indent: -9960px;
	height: 60px;
	width: 560px;

}

#midashi_ad {
	background: url(../images/midashi_ad.gif) no-repeat;
	text-indent: -9960px;
	height: 60px;
	width: 560px;

}

#midashi_c01 {
	background: url(../images/midashi_c01.gif) no-repeat;
	text-indent: -9960px;
	height: 60px;
	width: 560px;
	margin-top: 60px;

}

#midashi_c02{
	background: url(../images/midashi_c02.gif) no-repeat;
	text-indent: -9960px;
	height: 60px;
	width: 560px;
	margin-top: 60px;

}

#midashi_cg {
	background: url(../images/midashi_cg.gif) no-repeat;
	text-indent: -9960px;
	height: 60px;
	width: 560px;

}

#midashi_3d {
	background: url(../images/midashi_3d.gif) no-repeat;
	text-indent: -9960px;
	height: 60px;
	width: 560px;
	margin-top: 60px;

}

/* 本文テキスト
------------------------------------------------------------ */

/* サファリ用テキスト */
h3 {
	padding: 0px;
	float: left;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 2.1em;
	width: 285px;
	text-align: left;
}

/* サファリ以外テキスト */
h3 {
	padding: 0px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 1.9em;
	width: 285px;
	text-align: left;#
}

/* Flash
------------------------------------------------------------ */
#swf {
	width: 240px;
	float: right;
	margin-top: 45px;
	padding: 0px;
}

/* フッター
------------------------------------------------------------ */
address{
	font-size: 10px;
	text-align: center;
	float: none;
	text-indent: -9999px;
	height: 27px;
	width: 840px;
}

#footerwrap{
	clear:both;
	width:840px;
	text-align: center;
	padding: 5px 0px 0;
}
html>body #footerwrap{ margin-bottom:-20px;}

#footernav{
width:840px;
margin:0px auto;
padding: 10px 0px;
text-align:center;
clear:both;
}

Revision: 1.1 
-----------------------------------------------------
*/
#footerArea{
width:840px;
margin:20px;
padding-top: 20px;
}



#footerArea{
clear:both;
width:840px;
margin:0px auto;
padding: 50px 0px 0px;
text-align:center;
}

#footerArea a{
color:#333333;
}

#footerArea li{
display: inline;
padding-left: 0.4em;
padding-right: 0.4em;
border-right:1px solid #000000;
line-height: 1.3em;
font-size: 12px;
}

#footerArea li a{
/*margin-left: 0.5em;
margin-right: 0.5em;*/
}

#footerArea li a:link {
			color:#333333; 
			text-decoration:none; 
			}
#footerArea li a:visited { 
			color:#333333; 
			text-decoration:none; 
			}
#footerArea li a:hover { 
			color:#A0A0A0; 
			text-decoration:underline; 
			}

#footerArea li.lastItem{
border-right:none;
}

#footerArea p{
clear:both;
margin:1em;
font-size: 0.7em;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
}

#footerArea img {
margin-left: 5px;
vertical-align: middle;
}

.f_navi a {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #333333;
}

.f_navi a:link {
	color:#333333;
	text-decoration:none;
	font-size: 12px;
}
.f_navi a:visited {
	color:#333333;
	text-decoration:none;
	font-size: 12px;
}
.f_navi a:hover {
	color:#a0a0a0;
	text-decoration:underline;
	font-size: 12px;
}

#address {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #333333;
}

/* お問い合わせフォーム -----------------------------------------------------------*/

.inquiry {
	padding: 0px 0px 0px 15px;
}

.red12{
	font-size: 12px;
	color: #FF0000;
}

span.red {
	font-size: 10px;
	color: #FF0000;
}

table.inquiry {
	margin: 0px;
	padding: 0px;
}

.inquirytext1 {
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 5px 2px 5px 10px;
}

.inquirytext2 {
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 5px 2px 5px 15px;
}

/* 送信確認画面
------------------------------------------------------------ */
/* サファリ用テキスト */
.textconf01 {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 2.1em;
	text-align: center;
}

/* サファリ以外テキスト */
.textconf01 {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 1.9em;
	text-align: center;#
}

/* サファリ用テキスト */
.textconf02 {
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	line-height: 2.1em;
	text-align: left;
}

/* サファリ以外テキスト */
.textconf02 {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	line-height: 1.9em;
	text-align: left;#
}

/* お問い合わせボタン
------------------------------------------------------------ */
#toinq {
	display:inline;
	font-size: 12px;
	color: #333333;
	padding: 0px 0px 0px 425px;
	height: 30px;
	width: 120px;
	text-align: left;
}

#toinq a{
	height:30px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	background: url(../images/bt_inq.jpg) no-repeat 0px 0px;
	width: 120px;
}

#toinq  a:hover {
	background: url(../images/bt_inq.jpg) no-repeat 0px -50px;
	width: 120px;
}