@charset "utf-8";

/*---------------------------------------------
 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	font-size: 75%;
	font-family: "メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	line-height: 1.4;
	color: #333333;
	background: #FFFFFF;
    text-align: center; /* center on ie */

}
a{
	color: #0066CC;
}
a:visited {
	color: #0066CC;
}
a:hover {
	color: #FF9900;
}
img {
	border: none;
	vertical-align: top;
}
#wrapper {
    text-align: left;
    margin: 0 auto; /* center on everything else */
	padding:0px 20px 0px 20px; 
	width: 760px;
	background: #FFFFFF;
}


/*---------------------------------------------
 ロゴとナビゲーション
---------------------------------------------*/
#logo {
	position:relative;
	top:18px;
	width:282px;
}
#url {
	position:relative;
	left: 627px;
	width:133px;
}
#globalNav {
	list-style-type: none;
	padding-top: 7px;
	padding-bottom:10px;
	width:760px;
	height:16px;
}
#globalNav li {
	float:left;
	width:95px;
}
#globalNav li a {
	display:block;
	overflow:hidden;
	width:100%;
	height:0 !important;
	height /**/:16px;
	padding-top:16px;
	background-image:url(../imgs/menu.gif);
	color: #FFFFFF;
}
#nav01 a { background-position: 0        0; }
#nav02 a { background-position: -95px    0; }
#nav03 a { background-position: -190px   0; }
#nav04 a { background-position: -285px   0; }
#nav05 a { background-position: -380px   0; }
#nav06 a { background-position: -475px   0; }
#nav07 a { background-position: -570px   0; }
#nav08 a { background-position: -665px   0; }

#nav01 a.stay { background-position: 0      -16px; }
#nav02 a.stay { background-position: -95px  -16px; }
#nav03 a.stay { background-position: -190px -16px; }
#nav04 a.stay { background-position: -285px -16px; }
#nav05 a.stay { background-position: -380px -16px; }
#nav06 a.stay { background-position: -475px -16px; }
#nav07 a.stay { background-position: -570px -16px; }
#nav08 a.stay { background-position: -665px -16px; }

/*---------------------------------------------
 フッター
---------------------------------------------*/
#footNav {
	list-style-type:none;
	padding-top: 10px;
	width:760px;
	height:20px;
}
#footNav li {
	display:inline;
	list-style-type:none;
}
#footNav li a {
	display:block;
	float:left;
	height:0 !important;
	height /**/:20px;
	padding-top:20px;
	overflow:hidden;
	background-image:url(../imgs/footer.gif) ;
	color: #FFFFFF;
}
#fnav01 a { background-position: 0px      0;   width:  179px; }
#fnav02 a { background-position: -179px   0;   width:  97px; }
#fnav03 a { background-position: -276px   0;   width:  99px; }
#fnav04 a { background-position: -375px   0;   width:  107px; }
#fnav05 a { background-position: -482px   0;   width:  102px;}
#fnav06 a { background-position: -584px   0;   width:  85px; }
#fnav07 a { background-position: -669px   0;   width:  91px; }

#copyright {
	padding-bottom:14px;
}

#kakudai {
    text-align: center;
    margin: 0 auto; /* center on everything else */
	width: 1000px;
}
#kakudai_copyright {
    text-align: right;
    margin: 0 auto; /* center on everything else */
	width: 1000px;
}


/*---------------------------------------------
 メインイメージと2段組
---------------------------------------------*/
#content {								/*コンテンツエリア*/
	clear:both;
	overflow: auto !important;
	overflow /**/: hidden;
	width: 760px;
	left:0px;
}

#column_left {							/*コンテンツ左カラム（白）*/
	overflow:hidden;
	float: left;
	left:0px;
	margin-right:10px;
	width: 360px;
	padding-left:10px;
	padding-right:10px;
}
#column_left_blue {						/*コンテンツ左カラム（青）*/
	overflow:hidden;
	float: left;
	left:0px;
	background-color:#EBF0F0;
	margin-right:10px;
	width: 549px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
#column_left_special {					/*コンテンツ左カラム（specialページ用）*/
	overflow:hidden;
	float: left;
	left:0px;
	margin-right:10px;
	width: 569px;
	padding:0;
	background-image:url(../special/imgs/bg.jpg);
	background-repeat:repeat-x;
	position:relative
}
#column_left_bn {						/*コンテンツ左カラム（backnumberページ用）*/
	overflow:hidden;
	float: left;
	left:0px;
	margin-right:10px;
	width: 569px;
}

#column_right {							/*コンテンツ右カラム*/
	overflow:hidden;
	float: left;
	/* width: 181px; */
}



/*---------------------------------------------
 本文のレイアウト
---------------------------------------------*/
#content h2 {							/*コンテンツ内のh2タグ*/
	margin-bottom:10px;
}
#column_left h3, #column_right h3 {		/*コンテンツ左右内のh3タグ*/
	margin-bottom:10px;
}
#column_left h4, #column_right h4 {		/*コンテンツ左右内のh4タグ*/
	margin-bottom:10px;
}



#column_left .section {					/*column_left内のセクション*/
	padding: 9px 10px 0px 10px;
}
#column_left .section p {				/*column_left内のセクション内のPタグ*/
	margin: 7px 0;
}
#column_left .section .link {			/*column_left内のセクション内のlinkクラス*/
	background: url(../imgs/icon_arrow.gif) left center no-repeat;
	padding-left: 14px;
}


#column_left_blue .section {			/*column_left_blue内のセクション*/
	padding:5px 10px 10px 10px;
}
#column_left_blue .section p {			/*column_left_blue内のセクション内のPタグ*/
	margin: 5px 0;
}
#column_left_blue .section .link {		/*column_left_blue内のセクション内のlinkクラス*/
	background: url(../imgs/icon_arrow.gif) left center no-repeat;
	padding-left: 14px;
}
#column_left_blue .section .intend {
	clear:both;
	padding-top:4px;
	padding-left: 14px;
}
#column_left_blue .section .intend2 {
	clear:both;
	padding-left: 38px;
}
#column_left_blue .section .left_col {
	clear:both;
	float:left;
	padding-left: 14px;
	width:70px;
}
#column_left_blue .section .right_col {
	float:left;
	padding-left: 14px;
	width:410px;
}

#column_left_blue .section .icon {
	vertical-align:middle;
}



/*              */
/*goods&space用 */
/* 　　　    　 */

#column_left_blue .section .base .goods_left{
	overflow:hidden;
	float:left;
	width:252px;
	margin-right:18px;
	padding-top:14px;
	padding-left:12px;
}
#column_left_blue .section .base .goods_left .data{
	margin-top:12px;
}
#column_left_blue .section .base .goods_right{
	overflow:hidden;
	float:left;
	width:235px;
	margin-right:12px;
	padding-top:14px;
	text-align:center
}

#column_left_blue .section .base .goods_sp{
	clear:both;
	height:25px;
}



/*              */
/* event&news用 */
/* 　　　    　 */
#column_left_blue .section .base{
	clear:both;
	background-color:#FFFFFF;
	margin-bottom:17px;
}
#column_left_blue .section .base .event_title{
	clear:both;
	padding-top:7px;
	padding-left:12px;
}
#column_left_blue .section .base .event_left{
	overflow:hidden;
	float:left;
	width:294px;
	margin-right:10px;
	padding-left:12px;
}
#column_left_blue .section .base .event_right{
	overflow:hidden;
	float:left;
	width:200px;
	padding-top:6px;
}
#column_left_blue .section .base .event_sp{
	clear:both;
	height:20px;
}


/*          */
/* spcial用 */
/* 　　　　 */
#column_left_special .left{
	overflow:hidden;
	float:left;
	width:307px;
	padding:0 5px 0px 25px;
}
#column_left_special .right{
	overflow:hidden;
	float:right;
	position:relative;
	width:196px;
	padding-left:14px;
	padding-right:22px;
}
#column_left_special .right .img{
	margin-top:13px;
}
#column_left_special .section{
	margin: 70px 240px 50px 40px;
}
#column_left_special .section p{
	margin: 5px 0px 5px 0px;
}

#column_left_special .section .link{
	background: url(../imgs/icon_arrow.gif) left center no-repeat;
	padding-left: 14px;
}


#column_left_blue .both{
	clear:both;
	padding:0px 10px 10px 10px;
}
#column_left_blue .both .interval{
	height:20px;
}
#column_left_blue .left .msg{
	background: url(../special/imgs/icon_message.gif) left center no-repeat;
	padding-left: 105px;
}


/*            */
/* magazine用 */
/* 　　　  　 */
#column_left_blue .left{
	float:left;
	width:349px;
	font-size:11px;
	padding:10px 10px 10px 10px;
}
#column_left_blue .left .recommend{
	background-color:#FFFFFF;
	padding:10px 10px 10px 10px;
}
#column_left_blue .left .link {
	background: url(../imgs/icon_arrow.gif) left center no-repeat;
	padding-left: 14px;
}
#column_left_blue .left .intend {
	padding-left: 12px;
}
#column_left_blue .left .intend2 {
	padding-top: 5px;
	padding-left: 23px;
}
#column_left_blue .left .img {
	padding-top: 2px;
	padding-bottom:2px
}
#column_left_blue .right{
	float:right;
	width:160px;
	margin-bottom:60px;
	padding:10px 10px 10px 10px;
}
#column_left_blue .right .comment{
	font-size:10px;
	padding:7px 0px 0px 0px;
}


/*        　　  */
/* backnumber用 */
/*        　　  */
#column_left_bn .soldout{
	clear:both;
	position:relative;
	text-align:center;
	top:-50px;
	z-index:2;
}


#column_left_bn .col_a_lf{
	float: left;
	width:57px;
	text-align:center;
	font-size:11px;
	line-height:130%;
	margin-bottom:10px;
}
#column_left_bn .col_a_rg{
	float: left;
	width:56px;
	text-align:center;
	font-size:11px;
	line-height:130%;
	margin-bottom:10px;
}



#column_left_bn .col_b_lf{
	float: left;
	width:106px;
	text-align:center;
	font-size:11px;
	line-height:130%;
	margin-right:10px;
	margin-bottom:10px;
}
#column_left_bn .col_b_ct{
	float: left;
	width:106px;
	text-align:center;
	font-size:11px;
	line-height:130%;
	margin-right:9px;
	margin-bottom:10px;
}
#column_left_bn .col_b_rg{
	float: left;
	width:106px;
	text-align:center;
	font-size:11px;
	line-height:130%;
	margin-bottom:10px;
}



/*    　  */
/* mail用 */
/*     　 */
#inquiry {
	width: 569px;						/* ボックスの幅を指定 */
	margin-bottom:70px;
}
#inquiry table {
	font-size: 100%;					/* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%;						/* ボックスの幅を指定 */
}
#inquiry td {
	padding: 7px;						/* 全方向にパディングを指定 */
}
#inquiry th {
	font-size:11px;
	font-weight: normal;				/* フォントを通常の太さに指定 */
	padding: 7px;						/* 全方向にパディングを指定 */
	width: 80px;						/* ボックスの幅を指定 */
	text-align:right;
}











/*---------------------------------------------
 文字スタイル
---------------------------------------------*/
.txt_middle{
	vertical-align:middle;
}


.black_11{
	font-size:11px;
	color:#000000
}
.black_12{
	font-size:12px;
	color:#000000
}
.black_14{
	font-size:14px;
	color:#000000
}
.black_16{
	font-size:16px;
	color:#000000
}
.black_18{
	font-size:18px;
	color:#000000
}
.boldblack_11{
	font-size:11px;
	font-weight:bold;
	color:#000000
}
.boldblack_12{
	font-size:12px;
	font-weight:bold;
	color:#000000
}
.boldblack_14{
	font-size:14px;
	font-weight:bold;
	color:#000000
}
.boldblack_16{
	font-size:16px;
	font-weight:bold;
	color:#000000
}
.boldblack_18{
	font-size:18px;
	font-weight:bold;
	color:#000000
}
.deepblue_11{
	font-size:11px;
	color:#00406F
}
.deepblue_12{
	font-size:12px;
	color:#00406F
}
.deepblue_14{
	font-size:14px;
	color:#00406F
}
.bolddeepblue_11{
	font-size:11px;
	font-weight:bold;
	color:#00406F
}
.bolddeepblue_12{
	font-size:12px;
	font-weight:bold;
	color:#00406F
}
.bolddeepblue_14{
	font-size:14px;
	font-weight:bold;
	color:#00406F
}
.blue_11{
	font-size:11px;
	color:#0066CC
}
.blue_12{
	font-size:12px;
	color:#0066CC
}
.blue_14{
	font-size:14px;
	color:#0066CC
}
.gray1_11{
	font-size:11px;
	color:#333333
}
.gray1_12{
	font-size:12px;
	color:#333333
}
.gray1_14{
	font-size:14px;
	color:#333333
}
.gray2_11{
	font-size:11px;
	color:#666666
}
.gray2_12{
	font-size:12px;
	color:#666666
}
.gray2_14{
	font-size:14px;
	color:#666666
}


/*---------------------------------------------
 
---------------------------------------------*/
#column_right .left{
	overflow:hidden;
	float:left;
}
#column_right .right{
	float:right;
	position:relative;
	margin-left: 16px;
	margin-bottom: 8px;
}


/*---------------------------------------------
 ボタン画像
---------------------------------------------*/
.btn_reset{ 
	border-width:0px;
	width:30px;
	height:15px;
	border:none
}
.btn_send{ 
	border-width:0px;
	width:30px;
	height:15px;
	border:none
}