@charset "utf-8";

BODY{
font-family : メイリオ,"MS ゴシック",osaka,verdana;
margin : 0 auto;
position:relative;
text-align : center;
background-image:url(../common/bg_top.gif);
background-repeat:repeat-x;
background-position:top;
background-color:#f2f2f2;
}

div#wrapper
{
width:950px;
margin:0px auto;
padding:0px;
}

/*    ヘッダー    ●　*/

div#head
{
height:110px;
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:300px;
padding-top:8px;
}
div#head_message
{
width:650px;
float:left;
text-align:right;
background-image:url(../common/head_message_bg.png);
background-repeat:no-repeat;
background-position:top right;
height:85px;
}

div#head_message p
{
margin:0; padding:0;
font-size:0.7em;
line-height:1.8;
color:#111111;
}

/*    ナビゲーション    ●　*/

div#g-navi_wrap
{
width:auto;
height:60px;
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 {
height:35px;
width:950px;
text-align : center;
padding : 0px;
margin : 0px auto;

}
#g_navi ul {
	padding:0;
	margin:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:35px;
	width:165px;
	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:140px;
	margin: 12px 11px 0px 0px;
}
#g_navi li.navi-02 a {
	background:url(../common/g_navi-02.gif) no-repeat 0px 0px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-03 a {
	background:url(../common/g_navi-03.gif) no-repeat 0px 0px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-04 a {
	background:url(../common/g_navi-04.gif) no-repeat 0px 0px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-05 a {
	background:url(../common/g_navi-05.gif) no-repeat 0px 0px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-06 a {
	background:url(../common/g_navi-06.gif) no-repeat 0px 0px;
	width:140px;
	margin: 12px 0px 0px 11px;
}

/*------hover*/
#g_navi li.navi-01 a:hover {
	background:url(../common/g_navi-01.gif) no-repeat 0px -35px;
}
#g_navi li.navi-02 a:hover {
	background:url(../common/g_navi-02.gif) no-repeat 0px -35px;
}
#g_navi li.navi-03 a:hover {
	background:url(../common/g_navi-03.gif) no-repeat 0px -35px;
}
#g_navi li.navi-04 a:hover {
	background:url(../common/g_navi-04.gif) no-repeat 0px -35px;
}
#g_navi li.navi-05 a:hover {
	background:url(../common/g_navi-05.gif) no-repeat 0px -35px;
}
#g_navi li.navi-06 a:hover {
	background:url(../common/g_navi-06.gif) no-repeat 0px -35px;
}

/*------on*/
#g_navi li.navi-01_on a {
	background:url(../common/g_navi-01.gif) no-repeat 0px -35px;
	width:140px;
	margin: 12px 11px 0px 0px;
}
#g_navi li.navi-02_on a {
	background:url(../common/g_navi-02.gif) no-repeat 0px -35px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-03_on a {
	background:url(../common/g_navi-03.gif) no-repeat 0px -35px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-04_on a {
	background:url(../common/g_navi-04.gif) no-repeat 0px -35px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-05_on a {
	background:url(../common/g_navi-05.gif) no-repeat 0px -35px;
	width:140px;
	margin: 12px 11px 0px 11px;
}
#g_navi li.navi-06_on a {
	background:url(../common/g_navi-06.gif) no-repeat 0px -35px;
	width:140px;
	margin: 12px 0px 0px 11px;
}

/*   コンテンツ    ●　*/

div#contents_wrap
{
width : 950px;
height : auto;
margin:0px auto;
padding:0px;
text-align:center;
}

/*   メイン    ●　*/

div#main
{
width : 950px;
height : auto;
margin:80px 0 0 0;
padding:0px;
text-align:left;
}

div.main-bottom
{
margin:15px 0px 0px 0px;
text-align:right;
padding:0px;
}

div.main-bottom img
{
vertical-align: bottom;
}

/*   インデックス   ●　*/
div#top_message
{
width:950px;
height:320px;
background-image:url(index/top_main.png);
background-repeat:no-repeat;
background-position:top;
margin-bottom:0px;
}

div#jQuery_wrap
{
	width:100%;
	height:330px;
	background-color:#fff;
	border-bottom:1px solid #006;
}
div#jQuery
{
	width:950px;
	margin:0 auto;
}
div.Box01
{
	width:100%;
	margin:10px auto 0px auto;
	border-top:1px #555555 solid;
	border-bottom:1px #555555 solid;
	padding:10px 0px;
	background-color:#ffffff;
}
div.ibox_wrap p
{
color:#333333;
line-height:1.4;
}
div.ibox_wrap p
{
color:#333333;
line-height:1.4;
}

div.index_box_l
{
border:1px solid #888888;
margin:15px 5px 0px 0px;
padding:0px 0px 5px 0px;
float:left;
width:228px;
background-image:url(../index/box_bg.png);
}

div.index_box_l a
{
display : block;
width : 228px;
text-decoration : none;
}

div.index_box_l a:hover
{
background-color:#cccccc;
}

div.index_box_c
{
border:1px solid #888888;
margin:15px 5px 0px 5px;
padding:0px 0px 5px 0px;
float:left;
width:228px;
background-image:url(../index/box_bg.png);
}


div.index_box_c a
{
display : block;
width : 228px;
text-decoration : none;
}

div.index_box_c a:hover
{
background-color:#cccccc;
}

div.index_box_r
{
border:1px solid #888888;
margin:15px 0px 0px 5px;
padding:0px 0px 5px 0px;
float:left;
width:228px;
background-image:url(../index/box_bg.png);
}

div.index_box_r a
{
display : block;
width : 228px;
text-decoration : none;
}

div.index_box_r a:hover
{
background-color:#cccccc;
}

img.GoodsImg
{
margin:10px;
}

/*   サブページ   ●　*/
/*    SUB 1カラム    ●　*/


/*   サブページ   ●　*/
/*    SUB 2カラム    ●　*/


/*    フッター    ●　*/

div#footer_wrap
{
text-align : center;
padding : 40px 0px;
margin : 0px auto 0px auto;
background-image: url(../common/footer_bg.gif);
background-repeat: repeat-x;
background-position : top;
}

div#footer
{
width:950px;
text-align:center;
color:#333333;
margin:0px auto 0px auto;
}

div#links
{
width:950px;
padding: 5px 0px 7px 0px;
margin:0px auto 20px auto;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
text-align:center;
}

div#links a:link { color: #333333 }
div#links a:visited { color: #333333 }
div#links a:active { color: #333333 }
div#links a:hover { color: #333333 }
div#links a:hover { text-decoration : none;}

div#sitelinks
{
padding-left:20px;
text-align:center;
}

div#links p
{
font-size:0.7em;
}

div#sns
{
	width:auto;
	text-align:center;
	margin:0;
	padding:0px;
	height:25px;
}
div#tweetBtn
{
	width:90px;
	height:auto;
	float:right;
	margin:2px 5px 0 0;
	padding:0;
	font-size:10px;
}
div#fbBtn
{
width:auto;
	height:auto;
	float:right;
	margin:3px 15px 0 0;
	font-size:10px;
}


/*    リンク    ●　*/


a:link { color: #0000cd}
a:visited { color: #0000cd }
a:active { color: #0000cd }
a:hover { color: #0000cd }
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 : #ffffff;
line-height :5px;
margin:0px 0px 0px 0px;
padding:0;
text-indent:-9999px;
background-color:#000000;
font-size:1px;
}

h2
{
margin:0px 0px 10px 0px;
padding:0;
}

h2.SubImg
{
margin:0;
padding:0;	
}

h3
{
color : #333333;
font-size:0.9em;
line-height :25px;
height:25px;
margin:12px 0px 8px 0px;
padding:0px 0px 0px 27px;
background-color:;
background-image:url(../common/h3_bg_630.gif);
background-repeat:no-repeat;
background-position:left;
}

/*      div      ●　*/

div.right
{
text-align:right;
}
div.left
{
text-align:left;
}

div.center
{
text-align:center;
}

div.telling
{
border-top:#888888 dashed 1px; border-bottom:#888888 dashed 1px; padding:8px 0px; margin:20px 15px 20px 15px; color:#ff0000; font-weight:bold; text-align:center;
}

div.spl_01
{
	width:100%;
	height:1px;
	background-color:#555555;
	margin:7px auto;
}

div.Box_01
{
border:2px solid #ff6600;
margin:15px;
padding:10px 5px;
background-color:#ffffff;
}
div.Box01_con
{
	height:22px;
	width:100%;
	background-image:url(../common/box01_con_bg.gif);
	background-position:left;
	background-repeat:no-repeat;
}
div.Box01_con p
{
	padding-left:20px;
}
div.title_01
{

border-top:2px solid #ff6600;
border-left:5px solid #ff6600;
color:#ff3300;
margin:13px 0px 3px 0px;
font-weight:bold;
padding:0px 0px 0px 5px;
background-color:#FFC;
}

div.title_01 p
{
font-size:0.9em;
margin:0px;
padding:0px;
}

/*      span      ●　*/


/*      span （文字　関連）   ●　*/

.notice
{
color : #FF0000;
font-weight : bold;
}

/*      p      ●　*/

p
{
margin: 0px; padding:0px 11px ;
font-size : 0.8em;
line-height : 1.7;
}


/*  　文字　強調　関連  　●　*/


/*  　イメージ　関連  ●　*/

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;
}


/*  　線　関連 　 ●　*/


/* 　 TABLE  　●　*/


/* 　 その他  　●　*/

.clear
{
clear: both;
font-size: 0;
line-height: 0;
height: 0px;
visibility: hidden;
}