@charset "utf-8";

BODY{
font-family: メイリオ,"MS ゴシック",osaka,verdana,sans-serif;
margin : 0 auto;
position:relative;
text-align : center;
background-image:url(common/bg.gif);
background-color:#ffffff;
}

div#wrapper
{
width:950px;
margin:0px auto;
padding:0px;
}

/*    ヘッダー    ●　*/
div#head_bg
{
	background-color:#FFF;
}

div#head
{
	height:70px;
	width:950px;
	margin:0px auto 0px auto;
	padding:0px auto;
	text-align:left;
	background-image:url(common/);
	background-repeat:no-repeat;
	background-position:right bottom;
}

div#logo
{
	float:left;
	width:320px;
	padding:0;
	text-align:left;
}
div#head_right
{
	width:630px;
	float:left;
	text-align:right;
	background-image:url(common/header_right_bg.png);
	background-repeat:no-repeat;
	background-position:top right;
	height:70px;
}

div#pan
{
	margin:8px 0 0 0;
	padding:0 0 0 10px;
	font-size:11px;
	color:#555555;
	text-align:left;
}

div#head_mail
{
	margin-top:15px;
	padding:0;
	height:50px;
}

/*    ナビゲーション    ●　*/

div#g-navi_wrap
{
width:auto;
height:60px;
vertical-align:top;
text-align : center;
padding : 0px auto;
margin : 0px auto;
background-image: url(common/navi_bg.gif);
background-repeat:repeat-x;
background-position:top;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi {
width:945px;
text-align : center;
padding : 0px;
margin : 0px auto;
}
#g_navi ul {
	padding:13px 0;
	margin:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:40px;
	width:135px;
	display:block;
	float:left;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}


/*------off*/
#g_navi li.navi-01 a {
	background:url(common/g_navi-01.gif) no-repeat 0px 0px;
	width:135px;
	margin: 0px;
}
#g_navi li.navi-02 a {
	background:url(common/g_navi-02.gif) no-repeat 0px 0px;
	width:135px;
	margin: 0px;
}
#g_navi li.navi-03 a {
	background:url(common/g_navi-03.gif) no-repeat 0px 0px;
	width:135px;
	margin: 0px;
}
#g_navi li.navi-04 a {
	background:url(common/g_navi-04.gif) no-repeat 0px 0px;
	width:135px;
	margin: 0px;
}
#g_navi li.navi-05 a {
	background:url(common/g_navi-05.gif) no-repeat 0px 0px;
	width:135px;
	margin: 0px;
}
#g_navi li.navi-06 a {
	background:url(common/g_navi-06.gif) no-repeat 0px 0px;
	width:135px;
	margin: 0px;
}
#g_navi li.navi-07 a {
	background:url(common/g_navi-07.gif) no-repeat 0px 0px;
	width:135px;
	margin: 0px;
}

/*------hover*/
#g_navi li.navi-01 a:hover {
	background:url(common/g_navi-01.gif) no-repeat 0px -40px;
}
#g_navi li.navi-02 a:hover {
	background:url(common/g_navi-02.gif) no-repeat 0px -40px;
}
#g_navi li.navi-03 a:hover {
	background:url(common/g_navi-03.gif) no-repeat 0px -40px;
}
#g_navi li.navi-04 a:hover {
	background:url(common/g_navi-04.gif) no-repeat 0px -40px;
}
#g_navi li.navi-05 a:hover {
	background:url(common/g_navi-05.gif) no-repeat 0px -40px;
}
#g_navi li.navi-06 a:hover {
	background:url(common/g_navi-06.gif) no-repeat 0px -40px;
}
#g_navi li.navi-07 a:hover {
	background:url(common/g_navi-07.gif) no-repeat 0px -40px;
}

/*------on*/
#g_navi li.navi-01_on a {
	background:url(common/g_navi-01.gif) no-repeat 0px -40px;
	width:135px;
	margin:0px;
}
#g_navi li.navi-02_on a {
	background:url(common/g_navi-02.gif) no-repeat 0px -40px;
	width:135px;
	margin:0px;
}
#g_navi li.navi-03_on a {
	background:url(common/g_navi-03.gif) no-repeat 0px -40px;
	width:135px;
	margin:0px;
}
#g_navi li.navi-04_on a {
	background:url(common/g_navi-04.gif) no-repeat 0px -40px;
	width:135px;
	margin:0px;
}
#g_navi li.navi-05_on a {
	background:url(common/g_navi-05.gif) no-repeat 0px -40px;
	width:135px;
	margin:0px;
}
#g_navi li.navi-06_on a {
	background:url(common/g_navi-06.gif) no-repeat 0px -40px;
	width:135px;
	margin:0px;
}
#g_navi li.navi-07_on a {
	background:url(common/g_navi-07.gif) no-repeat 0px -40px;
	width:135px;
	margin:0px;
}

/*   コンテンツ    ●　*/

/*   メイン    ●　*/

div#main
{
	width : 950px;
	height : auto;
	margin:15px auto 0 auto;
	padding:10px 0;
	text-align:left;
	background-color:#fff;
}
div.main_in
{
	width : 950px;
	height : auto;
	margin:0px auto 0 auto;
	padding:0px;
}


div.main-bottom
{
	margin:0px auto 0px auto;
	text-align:center;
	padding-bottom:0px;
}

div.main-bottom img
{
	vertical-align: bottom;
}

/*   インデックス   ●　*/

div#jQuery_wrap
{
	width:;
	background-color:#444;
	background-image:url(index/main_bg.png);
	background-repeat:no-repeat;
	background-position:center;
}
div#jQuery
{
	width:950px;
	height:302px;
	background-image:url(index/jQuery_bg.png);
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
}

div#top3_wrap
{
	width:950px;
	height:auto;
	margin:0 auto 20px auto;
	padding:0;
}
	div.top3
	{
		width:308px;
		height:250px;
		background-color:#ccc;
		float:left;
		padding:5px 0;
	}
	div.top3 img
	{
		margin:0 4px 5px 4px;
	}
		.t3_left
		{
			margin:0;
		}
		.t3_center
		{
			margin:0 13px;
		}
		.t3_right
		{
			margin:0;
		}

div#twitter_wrap
{
	width:250px;
	margin:0 15px 0 0;
	float:left;
}
div#BNR_wrap
{
	width:685px;
	background-color:;
	background-image:url(index/BNR_bg.gi);
	background-color:#ccc;
	float:left;
}
	div#BNR_inner
	{
		width:675px;
		margin:5px;
	}
		div.BNR_A
		{
			width:215px;
			height:215px;
			margin:5px;
			float:left;
			background-color:#FFF;
		}
		div.BNR_B
		{
			width:215px;
			height:440px;
			margin:5px;
			float:left;
			background-color:#FFF;
		}
		div.BNR_C
		{
			width:440px;
			height:215px;
			margin:5px;
			float:left;
			background-color:#FFF;
		}
		div.BNR_D
		{
			width:327px;
			height:215px;
			margin:5px;
			float:left;
			background-color:#FFF;
		}

/*   サブページ   ●　*/
/*    SUB 2カラム    ●　*/
div#Aside
{
	width:230px;
	float:left;
	text-align:center;
}
	div#Aside img
	{
		margin:;
	}

div#Bside
{
	width:700px;
	float:left;
	margin-right:20px;
	padding:0;
}
	div#Bside img
	{
	}

h3
{
	font-size:18px;
	color:#330000;
	margin:0 5px 10px 5px;
	padding:0 0 0 10px;
	border-bottom:1px dotted #ccc;
	background-image:url(common/h3_bg.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
}




/*    REPAIR CUSTOM  ●　*/
div.vw
{
	border:1px solid #888;
	padding:5px;
	margin:10px 0;
	text-align:center;
}
	p.subj
	{
		background-color:#00cc99;
		color:#fff;
		font-weight:bold;
		height:25px;
		line-height:25px;
		padding:;
		margin:25px 20px 10px 20px;
	}
	
	p.subj02
	{
		background-color:#333;
		color:#fff;
		font-size:0.9em;
		font-weight:bold;
		height:30px;
		line-height:30px;
		padding:;
		margin:10px 10px 10px 10px;
	}

div.Snavi_wrap
{
	height:40px;
	width:700px;
	margin:0 0 20px 0;
	padding:0;
}
	img.SN_center
	{
		margin:0 14px;
	}
	img.SN_mleft
	{
		margin:0 8px 0 16px;
	}
	img.SN_mright
	{
		margin:0 16px 0 8px;
	}

div.sideborder
{
	border-left:6px solid #ccc;
	border-right:6px solid #ccc;
	width:580px;
	padding:auto;
	margin:15px auto;
}

div.BOX_01
{
	width:650px;
	border:10px solid #ccc;
	padding:10px;
	margin:20px auto;
}
div.BOX_02
{
	width:;
	border:3px solid #00cc99;
	padding:10px;
	margin:20px 10px;
}
div.BOX_03
{
	width:850px;
	border:10px solid #ccc;
	padding:10px;
	margin:20px auto;
}

div.popup
{
	text-align:;
}
div.popup img
{
	margin:8px;
}



div.ins
{
	text-align:center;
	margin:5px auto;
}
	div.ins img
	{
		margin:0 5px;
	}


/*   ABOUT   ●　*/
dl.etcDetail
{
	width:670px;
	font-size: 14px;
	margin:5px auto;
	padding:0px auto;
	text-align:left;
}
dl.etcDetail dt
{
	float:left;
	clear: left;
	margin: 0px 0px 4px 0px;
	width:200px;
	border-top:1px solid #888;
	padding:2px 0px 2px 5px;
	line-height:20px;
	color:#663333;
	font-weight:bold;
	background-color:#;
}
dl.etcDetail dd
{
	border-left:1px dashed #888;
	border-top:1px solid #888;
	margin-left:200px;
	padding:2px 0px 2px 8px;
	line-height:25px;
	min-height:25px;
}
dl.etcDetail img
{
	margin:4px;
}

/*   CONTACT   ●　*/

div.btn_03

/*   ABOUT ●  */
div.wbg_about
{
	width:90%; text-align:center; background-color:#fff; margin:20px 0; padding:10px 5%;
}


/*    フッター    ●　*/
div#footer h4
{
		font-size:12px;
		margin:5px 0 10px 0;
		line-height:30px;
		color:#333;
		padding:0 0 0 20px;
		background-image:url(common/h4_bg.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
}
h4 a:link { color:#333; text-decoration : none;}
h4 a:visited { color:#333; text-decoration : none;}
h4 a:active { color:#333; text-decoration :; }
h4 a:hover { color:#3CB371; text-decoration :; }

div#footer_wrap
{
	text-align : center;
	padding : 30px 0 30px 0;
	margin : 0px auto 0px auto;
	background-image: url(common/footer_bg.gif);
	background-repeat: repeat-x;
	background-position : top;
	background-color:#f5f5f5;
}

div#footer
{
width:990px;
text-align:center;
color:#333333;
margin:0px auto 0px auto;
}
div#footer p
{
	font-size:0.8em;
	color:#333333;
}
div#footer_left
{
	float:left; width:310px;
	margin-right:14px;
	text-align:left;
	border-right:1px solid #fff;

}
div#footer_center
{
	float:left; width:310px;
	margin:0 14px;
	text-align:left;
	border-right:1px solid #fff;
}
div#footer_right
{
	float:left; width:310px;
	margin-left:15px;
	text-align:left;
}

div.ftr_link ul {
	padding:0px;
	margin:0;
	font-size:12px;
}
div.ftr_link li {
	list-style-type:none;
	margin-bottom:5px;
	padding:0px 0px 0px 20px;
}
div.ftr_link li a {
	height:20px;
	width:270px;
	display:block;
}

div.ftr_link a:link { color:#555; text-decoration : none;}
div.ftr_link a:visited { color:#555; text-decoration : none;}
div.ftr_link a:active { color:#555; text-decoration :; }
div.ftr_link a:hover { color:#000; text-decoration :; background-color:#fff; }

div#sns
{
width:auto;
text-align:center;
margin:5px 0;
padding:0px;
height:25px;
}
div#tweetBtn
{
width:90px;
	height:auto;
	float:right;
	margin:0 5px 0 0;
	padding:0;
	font-size:10px;
}
div#fbBtn
{
width:auto;
	height:auto;
	float:right;
	margin:0 0 0 0;
	font-size:10px;
}

span.CN_b
{
	color:#333333;
}

div#CR
{
	margin-top:10px;
	padding:10px 0 0 0;
	text-align:right;
	border-top:1px solid #ccc;
}
div#CR p
{
	padding:0;
	margin:0;
	font-size:12px;
	color:#999;
}

/*    リンク    ●　*/


a:link { color: #009966; text-decoration : none; }
a:visited { color: #009966 }
a:active { color: #009966 }
a:hover { color: #009966 }
a:hover { text-decoration : none;}

a.m_confirm:link { color:#FF0000; font-weight:bold;}
a.m_confirm:visited { color:#FF0000; font-weight:bold;}
a.m_confirm:active { color:#FF0000; font-weight:bold; text-decoration : none; }
a.m_confirm:hover { color:#FF0000; font-weight:bold; text-decoration : none; }


/*     H   関連      ●　*/

h1{
color : #666666;
font-size:11px;
line-height :11px;
margin:0 auto;
padding-top:5px;
background-color:#fff;
text-align:right;
width:950px;
}

h2
{
	margin:5px auto;
	padding-left:20px;
	background:url(common/h2_bg.gif) no-repeat center;
	height:63px;
	line-height:63px;
	font-size:1.2em;
	font-weight: bold;
	color:#333;
	text-align:left;
}

h2.Sub_h2
{
	padding-top:17px;
	padding-left:25px;
	font-size:18px;
	color:#333333;
}

h3
{
	font-size:1em;
	font-weight:bold;
	color:#fff;
	height:35px;
	line-height:35px;
	background:url(common/h3_bg.gif) no-repeat;
	margin:5px 0 5px 0;
	padding:0 0 0 20px;
	text-align:left;
}

/*      div      ●　*/

div.right
{
text-align:right;
}
div.left
{
text-align:left;
}

div.center
{
text-align:center;
}

div.telling
{
border-top:#663300 dotted 1px; border-bottom:#663300 dotted 1px; padding:8px 0px; margin:20px 15px 15px 15px; color:#ff0000; font-weight:bold; text-align:center;
}

div.contact_wrap
{
	width:700;
	height:120px;
	margin:20px auto 15px auto;
	padding:20px 0;
	background-image:url(common/contact_bg.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#f5f5f5;
}
div.to_contact
{
	padding-top:20px;
	padding-left:475px;
}


/*      span      ●　*/


/*      span （文字　関連）   ●　*/

.notice
{
color : #FF0000;
font-weight : bold;
}
span.font_b01
{
	font-size:22px;
	font-weight:bold;
	line-height:48px;
}

/*      p      ●　*/

p
{
margin: 0px; padding:0px 11px ;
font-size : 13px;
line-height : 1.6;
color:#333;
}


/*  　文字　強調　関連  　●　*/


/*  　イメージ　関連  ●　*/

img  {vertical-align: top;}


img.img-left
{
float : left;
margin : 0px 15px 5px 0px;
}

img.img-right
{
float : right;
margin : 0px 0px 5px 15px;
}

img.img_b_01
{
margin:0px 0px 13px 0px;
}
img.img_t_01
{
margin:5px 0px 0px 0px;
}


/*  　線　関連 　 ●　*/

/* 　 TABLE  　●　*/


/* 　 その他  　●　*/

div.clear
{
clear: both;
font-size: 0;
line-height: 0;
height: 0px;
visibility: hidden;
}

