@charset "utf-8";





body { behavior:url("../common/special/csshover.htc"); font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#fff; text-align:center; background:url(../images/back_conc_07.gif) top left #000; }
address { font-size:10px; color:#fff; }
ul, li { list-style-image:none; list-style-position:outside; list-style-type:none; }
strong { background:#E93610; }
em { font-style:normal; }





/*====================================================================================
LAYOUT
====================================================================================*/
#all { width:100%; margin:0 auto; }
#main { width:900px; margin:0 auto; text-align:left; }
#footer {/*フッター部分*/ background:#000; color:#333; padding:20px 100px 20px 0px; text-align:right; margin-top:50px; border-top:#111 solid 6px; }
#navi {/*メインビジュアル＆ナビゲーション部分*/ height:40px; width:900px; margin:0 auto; text-align:left; padding-left:3px; }
#navi_pro {/*メインビジュアル＆ナビゲーション部分　商品ページ用*/ position:relative; height:310px; background:url(../../product/images/gra_main_side_pro.gif) top left no-repeat #000; width:900px; margin:0 auto; margin-top:-90px; }
#topics {/*新情報コンテンツ*/ position:relative; background:#000; width:900px; margin:0 auto; }
#company {/*会社情報コンテンツ*/ background:#000; position:relative; line-height:1.3; width:900px; margin:0 auto; }
#pliceless {/*アウトレット商品コンテンツ*/ position:relative; background: #666; text-align:left; line-height:1.4; padding-bottom:15px; width:900px; margin:0 auto; }





/*====================================================================================
HEADER
====================================================================================*/
#header { width:100%; position:relative; margin:0 auto 60px; padding-top:33px; text-align:left; background:#101010; }
#header p.box { width:900px; margin:0 auto; text-align:left; }
#header #header_box { width:900px; margin:0 auto; position:relative; }
h1 { width:100%; margin:0 auto; padding:1px 0px 8px; background:#101010; border-bottom:1px solid #202020 }
h1 span { position:absolute; top:-1000px; }

	/*header_line*/
	#header_line { width:100%; position:absolute; top:0px; left:0px; background:#000; border-bottom:#222 solid 1px; }
	#header_line span { position:absolute; top:-1000px; }
	#header_line p { width:900px; margin:0 auto; text-align:right; }
	#header_line a { display:block; padding:3px 0px; font-size:11px; }
	
	/*header_vision*/
	#header_vision { width:100%; height:330px; border-bottom:1px solid #202020; background:#000; }
	#header_vision p.box { width:900px; height:315px; position:relative; margin:0px auto; background:url(../images/renewal/img_header_visual_02.jpg) no-repeat left 15px; }
	#header_vision p.box ul.txt { position:absolute; right:0px; top:0px; line-height:1.1; font-size:9px; width:113px; }
	
	/*product*/
	#pro #header_vision { width:100%; height:245px; border-bottom:1px solid #101010; background:#000; }
	#pro #header_vision p.box { height:230px; background:url(../images/renewal/img_header_visual_pro.jpg) no-repeat left 15px; }
	#head_back { width:100%; padding-top:10px; background:#030303; }





/*====================================================================================
NAVIGATION
====================================================================================*/
#navi_btn { width:900px; height:40px; overflow:hidden; }
#navi_btn div { float:left; }

/*アクティブ状態のボタン用*/
.hb_active { width:249px; height:39px; }
#navi_home { width:249px; height:39px; background:url(../images/NAVI/navi_home.gif) no-repeat; margin-left:1px; }
#navi_home:hover { background:url(../images/NAVI/navi_home_over.gif) no-repeat; cursor:pointer; }
#navi_home_active { width:249px; height:39px; background:url(../images/NAVI/navi_home_active.gif) no-repeat; margin-left:1px; }
#navi_product { width:250px; height:39px; background:url(../images/NAVI/navi_product.gif) no-repeat; }
#navi_product:hover { background:url(../images/NAVI/navi_product_over.gif) no-repeat; cursor:pointer; }
#navi_product_active { width:250px; height:39px; background:url(../images/NAVI/navi_product_active.gif) no-repeat; }
#navi_kouji { width:249px; height:39px; background:url(../images/NAVI/navi_service_02.gif) no-repeat; }
#navi_kouji:hover { background:url(../images/NAVI/navi_service_over_02.gif) no-repeat; cursor:pointer; }
.main_title {/*ナビゲーションボタン　メインタイトル用*/ font-size:12px; font-weight:bold; margin-top:8px; }
.sub_title {/*ナビゲーションボタン　サブタイトル用*/ font-size:10px; }
#main div.shadow { clear:both; text-align:center; margin:0 auto 70px; }
#main span.cap img { position:absolute; top:-50px; left:0px; }





/*====================================================================================
TOPICS
====================================================================================*/
/*トピックス・テキスト部分*/
#topics ul { padding: 0 0 10px 30px; }
#topics li { padding:0 0 0 15px; line-height:24px; margin:0 0 5px; background:url(../images/icon/icon_yajirusi.gif) no-repeat left center;}
/*過去のトピック部分に使います*/
#topics li.f_color { color:#333; }





/*====================================================================================
EVENT
====================================================================================*/

#event { height:100%; width:900px; position:relative; background:#000; padding-bottom:50px; border-bottom:#111 solid 3px; margin:0 auto; color:#fff; text-align:center; }
#event div { width:868px; overflow:hidden; background:#000; }
/*title	イベントタイトル*/
#event #title { height:201px; margin-left:15px; padding-bottom:30px; background:url(../../event/images/event_12_12/img_title.gif) no-repeat 17px top; border-bottom:1px solid #202020; }
#title h2,  #title h3 { text-indent:-9999px; }
/*date イベント日時*/
#event #date { width:520px; margin-left:15px; padding:27px 0px 15px 348px; background:url(../../event/images/event_12_12/img_date.gif) no-repeat 30px 30px; border-bottom:1px solid #202020; }
#date h4 { position:absolute; top:-3000px; }
#date h5 { float:left; padding:2px 13px 0px 15px; font-size:20px; line-height:26px; font-style:italic; }
#date dl { width:390px; overflow:hidden; margin-bottom:30px; background:#080808; }
#date dt { width:150px; float:left; clear:both; font-size:14px; line-height:22px; border-bottom:1px solid #222; }
#date dd { width:80px; float:left; font-size:14px; line-height:22px; border-bottom:1px solid #222; text-align:right; }
#date p { clear:both; margin:-20px 0px 0px; text-align:right; font-size:12px; color:#eee; letter-spacing:1px; }

	/*IE hack*/
	* html #date h5 { padding:2px 5px 0px 15px; }
	*+html #date h5 { padding:2px 5px 0px 15px; }
	
	/*audios*/
	#event #audios { padding:75px 0px 15px; margin-left:15px; background:url(../../event/images/event_12_12/img_player.gif) no-repeat 30px 30px; }
	#audios h4 { position:absolute; top:-3000px; }
	#audios div { width:733px; padding:20px 0px 20px 148px; overflow:hidden; }
	#audios strong { display:block; margin-bottom:15px; border-bottom:1px dotted #333; color:#fff; letter-spacing:1.5px; font-style:italic; font-size:16px; background:none; }
	#audios dl { width:220px; float:left; margin-right:30px; overflow:hidden; }
	#audios dl.dl_last { margin:0px; }
	#audios dt { font-size:16px; }
	#audios dd { font-size:12px; text-align:right; line-height:18px; background:#060606; border-bottom:1px solid #202020; letter-spacing:1px; }
	#audios dd.audio_name { font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; letter-spacing:3px;}
	
	/*IE hack*/
	* html #audios strong { font-size:18px; }
	*+html #audios strong { font-size:18px; }
	
#event h2 { width:688x; height:75px; margin:25px 10px 35px 0; background:url(../../event/images/event_110129/img_title.png) no-repeat top; text-indent:-9999px; }
#event img.101212 { display:block; text-align:center; }
#event a:hover img { opacity:.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; }





/*====================================================================================
PRODUCT
====================================================================================*/
#product { width:900px; position:relative; margin:0 auto; background:#000; }

	/*.pro_box*/
	.pro_box { position:relative; clear:both; padding:40px 30px 20px; border-bottom:1px solid #191919; overflow:hidden; }
	.pro_box img { float:right; display:block; }
	
	/*.pro_text*/
	.pro_text { width:380px; padding:0 0 30px; }
	.pro_text h2 { margin:20px 0 19px 15px; font-size:28px; color:#eee; font-weight:bold; line-height:32px; letter-spacing:3px; text-shadow:0 0 10px #999; }
	.pro_text em { padding:3px 5px 2px; margin:0 0 10px; font-size:85%; color:#fff; letter-spacing:1px; line-height:20px; background:#111; border:1px solid #2f2f2f; }
	.pro_text p { font-size:85%; line-height:18px; letter-spacing:1px; padding:6px 12px; border-top:1px solid #222; border-bottom:1px solid #222; background:#090909; }
	
	/*detail*/
	.detail { width:380px; }
	.detail h3 { padding:0 0 0 17px; margin:0 0 8px; letter-spacing:1px; line-height:16px; font-size:108%; background:url(../images/icon_03.gif) left center no-repeat; }
	.detail p { width:360px; margin:0 0 25px 18px; font-size:93%; line-height:18px; text-align:justify; text-justify:distribute; }
	.detail img { float:right; }
	.detail a { position:absolute; right:30px; bottom:50px; font-size:77%; color:#fff; padding:1px 10px; border-bottom:1px dotted #ccc; -webkit-transition: all .		2s ease-out; background:#222; border-top:solid 1px #373737; border-left:solid 1px #373737; border-bottom:solid 1px #202020; border-right:solid 1px #202020; }	
	.detail a:hover { background:#191919; }





/*====================================================================================
COMPANY
====================================================================================*/
#company h2 { width:500px; text-indent:-9999px; background:url(../../company/images/img_name.gif) no-repeat left top #000; height:48px; margin:12px 20px 0; }
#com_left { margin:0px 15px; }/*会社概要　左テキスト*/
#com_right { width:300px; top:22px; right:35px; position:absolute; text-align:right; }/*会社概要　右写真*/
#com_right img {/*会社概要　右写真　整列用*/ margin:0px 0px 3px 5px; padding:3px; border:#333 solid 1px; background:url(../../images/gra_photo_back_01.gif) repeat-x bottom; }
/*会社概要　通常部分*/
#com_left dl { margin:25px 20px 40px; overflow:hidden; font-size:12px; letter-spacing:1px; line-height:16px; }
#com_left dt { width:130px; float:left; clear:both; padding:8px 0 8px 10px; border-bottom:1px solid #000; background:#0e0e0e; }
#com_left dd { width:660px; float:left; padding:8px 0 8px 30px; background:url(../images/icon_03.gif) no-repeat 10px center; border-bottom:1px solid #222; }
#com_left .last { }
#com_left dt.last { height:95px; min-height:95px; }
#com_left dd.last { height:95px; min-height:95px; }
p.com_mail { clear:both; margin:20px 35px 35px 35px; text-align:right; }
p.com_mail a { font-size:14px; color:#fff; padding:5px 10px; border-bottom:1px dotted #ccc; letter-spacing:1px; -webkit-transition: all .2s ease-out; background:#3a3a3a; border-top:solid 1px #474747; border-left:solid 1px #474747; border-bottom:solid 1px #333; border-right:solid 1px #333; }
p.com_mail a:hover { background:#2f2f2f; }
p.com_mail a:active { background:#222; border:1px solid #111; }





/*==================================================================================================================
PLICELESS
==================================================================================================================*/
#amp { margin-left:15px; }
#player { margin-left:15px; background:#666; display:none; }
#speaker { margin-left:15px; background:#333; display:none; }
#visual { margin-left:15px; background:#999; display:none; }

	/*plice_box 各商品入れ子用*/
	.plice_box { width:424px; position:relative; float:left; overflow:hidden; color:#333; margin:0 15px 15px 0; padding:0px 0 10px; background:#000; -moz-box-shadow:0 2px 4px #333; -webkit-box-shadow:0 2px 4px #333; box-shadow:0 2px 4px #333;}
	#product .plice_box	{ display:none;}
	
	/*商品名のテキスト用*/
	.plice_box img {float:left; margin:15px 23px 0 15px; padding:0 0 10px; width:120px; display:inline;}
	.plice_box .text { width:250px; float:left; padding:15px 0 10px; }
	.plice_box h2{ margin:0 0 2px;  padding:1px 5px 1px 15px; font-size:85%; color:#fff; letter-spacing:1px; line-height:20px; background:#111; border:1px solid #2f2f2f; }
	.plice_box h3 { font-size:123.1%; line-height:20px; font-family:Helvetica, Arial, sans-serif; color:#fff; font-weight:bold; text-shadow:0 0 12px #bbb;}
	.plice_box h3 em	{ display:block; padding:0 0 8px; font-size:116%; font-weight:bold; font-style:italic; color:#f00; text-shadow:0 0 10px #f00;}
	.plice_box h4 { padding:11px 0 0 2px; line-height:1em; font-size:138.5%; font-family:Helvetica, Arial, sans-serif; font-weight:bold; color:#F00;}
	.plice_box h4 span { font-size:85%; color:#aaa;}
	.plice_box h5 { padding:0 0 5px 2px; font-size:100%; color:#fff; font-weight:bold; border-bottom:1px solid #333; }
	.plice_box div.clearfix { clear:both; }

		/*pliceless_text 入れ子ボックス内部のテキスト用*/
		.pliceless_text { width:395px; clear:both; overflow:hidden; margin:0 15px 0; padding:3px 0; font-size:85%; line-height:1.5; letter-spacing:1px; background:#bbb; border:1px solid #444; -moz-box-shadow:inset 0 0 10px #fff; -webkit-box-shadow:inset 0 0 10px #fff; box-shadow:inset 0 0 10px #fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
		.pliceless_text p { width:375px; padding:1px 0 1px 5px; color:#222; }


	
#M2 { font-size:0.6em; color:#666; }
#pliceless .pro_box { display:none; }






/*============================================================================================================
LINK
============================================================================================================*/
a { font-size:10px; color:#fff; text-decoration:none; }
a, a:hover, a:active { outline:none; overflow:hidden; }
a:hover, a:active {/*ロールオーバーは黄色*/ color:#E93610; }
#topics a { font-size:12px; }
.plice_box a { color:#666; font-size:0.9em; position:absolute; bottom:15px; right:15px; }
.sold_box a { color:#333; font-size:0.9em; position:absolute; top:50px; right:10px; }
.plice_box a:hover, .sold_box a:hover { color:#fff; background:#e93610; }
#com_right p a {/*会社概要　開閉パネル　リンクテキスト用*/ float:right; padding:1px 3px 1px 18px; border:#ccc 1px solid; background:url(../images/icon_04.gif) no-repeat 6%; margin-top:10px; -webkit-transition: all .5s ease-out; }
#com_right p a:hover {/*会社概要　開閉パネル　リンクテキスト　オーバー用*/ color:#fff; background:#E93610 url(../images/icon_04.gif) no-repeat 6%; }
#com_right a:hover img { border:#E93610 1px solid; background:url(../../images/gra_photo_back_hover_.gif) repeat-x top; }
#com_left a { font-size:1em; position:absolute; color:#E93610; -webkit-transition: all .5s ease-out; }
#com_left a:hover { color:#fff; }





/*====================================================================================
ETC
====================================================================================*/
.clear_bottom20px { clear:both; margin-bottom:20px; }
.clear { clear:both; }
.float_left15px { float:left; margin-left:15px; margin-right:30px; display:inline; }
.float_left30px { float:left; margin-left:30px; display:inline; }
.center { text-align:center; }
.float_right-bottom10 {/*商品詳細　商品写真コンテンツのラストに使用*/ float:right; margin-bottom:10px; }
.float_right-bottom45 {/*商品詳細　商品写真に使用*/ float:right; margin-bottom:45px; }
.float_right15px { float:right; margin-left:15px; }
.border_bottom { border-bottom:#333 dashed 1px; }
.border_solid {/*各コンテンツ大枠囲み線*/ border:#333 solid 1px; }
.border_none { border:none; }
.icon_topics {/*各コンテンツのタイトル用*/ margin-left:1px; margin-bottom:10px; }
.icon {/*小さな矢印アイコン用*/ margin-bottom:-1px; margin-right:2px; }
.icon_bar { padding-bottom:15px; overflow:hidden; margin-left:1px; }
.icon_bar_02 { margin-bottom:5px; overflow:hidden; }
.no_margin { margin:0; padding:0; }
.r_color {/*主に重要な部分に使います*/ color:#CC0000; }
.font_size_big {/*文字を大きめにしたい時に使用*/ font-size:120%; font-weight:bold; border-bottom:#999 1px solid; margin-right:30px; }
.font_size_small {/*文字を小さめにしたい時に使用*/ font-size:65%; }





/*====================================================================================
MARJIN & PADDING
====================================================================================*/
.margin_left_1px { margin-left:1px; }
.margin_bottom_5px { margin-bottom:5px; }
.margin_bottom_10px { margin-bottom:10px; }
.margin_bottom_20px { margin-bottom:20px; }
.margin_bottom_40px { margin-bottom:40px; }
.margin_bottom_80px { margin-bottom:80px; }
.margin_right_7px { margin-right:7px; }
.marign_left_25px { margin-left:25px; }
.margin_top_5px { margin-top:5px; }
.margin_top_15px { margin-top:15px; }
.margin_top_20px { margin-top:20px; }
.margin_top_30px { margin-top:30px; }
.margin_top_60px { margin-top:60px; }
.margin_left10px { margin-left:10px; }
.margin_left15px { margin-left:15px; }
.margin_right130px { margin-right:130px; }
.margin_right260px { margin-right:260px; }
.margin_right-4px { margin-right:-4px; }
.padding_left_1px { padding-left:1px; }
.padding_top_205px { padding-top:205px; }





/*====================================================================================
ALPHAFILTER
====================================================================================*/
.alphafilter { overflow:hidden; }





/*====================================================================================
THICKBOX
====================================================================================*/
#box { position:absolute; top:100px; background-color:#666; border:1px solid black; filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }





/*====================================================================================
WORDPRESS
====================================================================================*/
.entry-meta { display:none; }
/* css hacks
------------------------------------------------------*/

/* clearfix */

.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End Hack */