/*-----------------------------------------------------------------
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
-----------------------------------------------------------------*/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {border-collapse: collapse;border-spacing: 0;}
caption,th {text-align: left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
td,input{font-size:12px;}
.line {font-size:1px;line-height:1px;}
/*-----------------------------------------------------------------
	基本スタイル
-----------------------------------------------------------------*/
body {
	background:#FFF url(http://www.coulange.jp/design/gth-live/back.gif) repeat-y;
    background-position: center;
    background-attachment: fixed;
	color: #333;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", verdana,Meiryo,Osaka,"MS PGothic",Sans-Serif;
	line-height: 1.5;
           text-align: center;}

.seru_space{
  font-size : 14px;
  line-height : 20px;
  padding: 5 10px;}

.hyo1{
  font-size: 14px;
  line-height: 20px;
  border-spacing: 10px 5px;
  list-style-type: disc;}


.seru1 {
         font-size : 14px;
         line-height : 20px;
         padding: 5px 10px;
         color : #666666;}

.M_price {
         font-size : 20px;
         font-weight : bold;
         color : red;
         text-align : left;}

/*リンク色*/
a{text-decoration:none ;}
a:link { text-decoration:none; color:#040f6f;}
a:visited { text-decoration:none; color:#040f6f;}
a:hover { color:#dc143c; text-decoration:underline;}

/*----ヘッダー　オリジナル追加分----*/

/* header
----------------------------------------*/

div#header_container {
	width: 950px;	
	height: 110px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #333399;}

div#header {
	width: 950px;
	height: 80px;
	margin: 0 auto;
	padding: 0px 20px;
	background-image: url(/design/gth-live/header.jpg);
    background-repeat:no-repeat;
	font-size: 12px;
	color: #006699;}

div#header h1 {
    margin: 0;
	font-size: 1.75em;
	color: #0066cc;
    padding: 20px 0px 0px;}

div#header p {
    margin: 0 0 0 10px;}
    
/* プルダウン　ナビゲーション */

#navi_box {
   margin: 0;
   position: relative;
   z-index:100;
   width: 950px;
   height:30px;
   background-image: url(/design/gth-live/navi-back.jpg);}

#navi {
   position: absolute;
   width: 950px;
   margin: 0 auto;
   border-top:1px solid #9999ff;}

#navi ul {
   margin: 0;
   padding: 0;
   list-style: none;}

#navi li {
   color: #fffff;
   float: left;
   width: 190px;
   height: 30px;
   margin: 0;}

#navi li a {
   font-size: 13px;
   color: #000066;
   display: block;
   width: 100%;
   height: 30px;
   line-height: 30px;
   text-align: center;
   text-decoration: none;
   background-image: url(/design/gth-live/navi-back.jpg);
   background-repeat: repeat-x;
   border-left:1px solid #999999;
   border-right: 1px solid #999999;}

#navi li a:hover {
   width: 190px;
   color: #660099;
   background-position: 0 -40px;}

/* サブメニュー */

#navi ul.sub li {
   float: none;}

#navi ul.sub li a {
   color: #000066;
   background-image: url(/design/gth-live/sub-back.jpg);
   font-size: 12px;
   font-weight: normal;
   border-bottom: 1px solid #000099;}

#navi ul.sub li a:hover {
   color: #990000;
   background-position: 0 -40px;}

#navi ul li.navi_menu ul {
   display: none;}

#navi ul li.navi_menu_on ul {
   display: block;}

/*　プルダウン　ナビゲーションここまで　*/

/*----------------------------------------------------
	ヘッダー以下を覆うコンテンツ
----------------------------------------------------*/

#mainBody{
    width:950px;
    background: #FFF;
    margin:0 auto;}

#banner_container{
    width: 760px;
    float: left;
    margin: 0;}

/*-----左メニュー　オリジナル追加分-----*/

#left_container {
    float:left;
    background-color: #FFFFFF;
    width:190px;
    padding:10px 0 0 10px;}

#left_category ul.title li{
    line-height: 28px;
    list-style: outside none;
    text-align: left;
    margin: 20 0px;}

#left_category ul li ul.left_menu li{
    background:url(/design/gth-live/dot.png) no-repeat left center;
    padding:0 0 0 20px; 
    margin:0;}

#left_category ul li ul.left_bbs li{
    background:url(/design/gth-live/txt-ico.png) no-repeat left center;
    padding:0 0 0 20px; 
    margin:0;}

/*----------------------------------------------------
	#M_main
		中央部分
----------------------------------------------------*/
#M_mainContents {
	float:left;
	width:560px;
    padding:15px 0;
    margin: 0 auto;}

#M_mainContents h2{
    color: #BC8F8F;
    font-family: verdana;}

#M_mainContents h3{
    color: #F4A460;
    font-family: verdana;}
  
#hp_new{
     width:548px;
     border: 1px solid #D3D3D3;
     padding: 10px 0;
     margin: 5px;}

#hp_new ul.list_scroll{
    height : 200px;
    width: 528px;
    overflow : auto;
    text-align: left;
    margin: 10px 5px;}

#hp_new ul.list_scroll li{
    clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	list-style-type: none;
	line-height: 1.2;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(/design/gth-live/list-back.gif);}

#hp_new ul.list_scroll li img{
	float: left;
	margin: 5px 7px;
	width: 80px;
	height: 80px;}

#shopintro{
    clear: both;
    margin: 10px;
    padding: 10px;
    width: 530px;
    line-height: 1.5em;}

#pick_up{
    width: 560px;
    margin: 0 auto;}

#pick_up li{
    float: left;
    overflow : auto;
    width: 258px;
    height: 100px;
    text-align: left;
	list-style-type: none;
	line-height: 1.5em;
	padding: 5px;
	margin: 5px;
	border: 1px solid #D3D3D3;}

#pick_up li img{
	float: left;
	margin: 5px 7px;
	width: 80px;
	height: 80px;}

dt.dt_back{
    background-color: #E6E6FA;
    color: #556B2F;
    font-size: 1.1em;
    letter-spacing: 0.5em;
    padding: 5 10px;
    margin-top: 10px;}

dd{
    text-align: left;
    margin: 10px;}

/*----------------------
      Footer
-----------------------*/

#footer{
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 950px;}

dl.footerInfo{
    float: left;
    margin: 10px;
    width: 250px;}

dl.footerInfo dt{
    padding: 0 20px;
    border: solid;
    border-color: #4918c9;
    border-width: 0 0 1px 15px;}

#rssList{
    clear: both;
    text-align: center;}

#koukoku{
    width: 100%;
    height: 25px;
    text-align: center;
    color: #FFF;  
    background-color: #000;}

/*----------------------------------------------------
	#M_rightContents
		右メニュー
----------------------------------------------------*/
#M_rightContents{
    float: right;
    width:180px;
    padding: 10px 10px 0 0;}

#r-ban{
    float: right;
    width: 190px;
    height: 270px;}

#r-ban ul li a{
    display: block;
    width: 190px;
    height: 90px;
    background-color: #000;}

#r-ban li a:hover{
    background-color: #F00;}

.links{
    list-style: inside none;
    line-height: 28px;
    margin: 20px 0;
    text-align: left;}

/*　カテゴリーページ右
==========================*/

#category_right{
    width: 750px;
    float: left;
    background: #FFF;}

/*---------商品ページ--------------------------------*/

#goods_container{
    width: 950px;
    background: #FFF;
    margin: 0 auto;
    padding: 0;}
    
#goods_presentation{
    float: left;
    font-size: 13px;
    width: 650px;
    text-align: left;
    margin:10 0 10 10px;}
    
#goods_right{
    float: right;
    width: 290px;
    margin:10 0 10 0px;}
    
div.orderLayout{
    width: 280px;
    margin-top: 10px;}

p.pankuzu{
    padding:3px 10px;
    font-size:15px;}

#goods_presentation h2,
div.orderLayout table tr td{
   padding: 2px 10px;}

#goods_presentation p{
   padding: 5px;
   line-height: 1.8em;}

#goods_presentation h3{
    color: #008B8B;
    text-align: center;
    margin: 10px;}

#goods_presentation h4{
    color: #A52A2A;
    font-size: 1.2em;
    margin: 0 0 0 10px;}

#goods_presentation hr{
    clear: both;}

#goods_presentation p.imageLeft img{
   float: left;
   margin: 10px 30px 10px 10px;}

#goods_presentation p.imageRight img{
    float: right;
    margin:10px 10px 10px 30px;}

#goods_presentation ul.listStyle li{
    margin:3px 0;}

#goods_footer{
    clear: both;
    width: 950px;
    margin: 10 auto;}

.spec table{
    width: 340px;
    border: 1px solid #2B2B35;}

.spec table th{
    padding: 3px 5px;
    color: #2c1312;
    font-size: 13px;
    background-color: #FFEFD5;}

.spec table td{
    padding: 3px 5px;
    background-color: #FFFAFA;}

span{
    color: #336699;
    font-size: 120%;
    font-weight: bold;
    padding: 0 5px;}

.osusume_list ul li{
    clear: both;
    width: 260px;
    list-style:outside none;
    line-height: 1.5em;
    padding: 3px;
    text-align: left;
    border: 1px solid #D3D3D3;}

.osusume_list ul li img{
    float: left;
    margin: 3 5px;
    width: 80px;
    height: 80px;}

#design_image{
    width: 275px;
    height: 300px;
    overflow: auto;
    border: 1px solid #191970;
    margin:20px 0}

 ul li.font_list{
   text-align: left;
   margin: 15px 0;
   padding: 0 0 0 5px;
   font-size:15px;
   list-style: url(/design/gth-live/normal-ico1.png);}

 ul li.top_left{
   float: left;
   width:100px;
   margin: 10px 25px 0 0;
   list-style: none;}

table.under_line td {
  padding:5px 0px 5px 10px;
  border-bottom:dotted 1px #D2B48C;
  font-size:12px;
  line-height:17px;
}

ul#font_botan{
   display: inline-block;
   margin: 0 auto;}
   
ul#font_botan li{
   float:left;
   width: 180px;
   padding: 10px 0;
   text-align: center;
   letter-spacing: 5px;
   list-style-type: none;
   font-size: 16px;}
   
ul#font_botan li a{
   display: block;
   padding: 10px 0;
   margin: 0 5px;
   background-color: #fff5ec;
   border: 1px solid #DEB887;}

ul#font_botan li a:hover{
   background-color: #B0E0E6;}

/*clearfix*/
ul#font_botan:after{
   display: block;
   clear: both;
   height: 0;
   line-height: 0;
   visibility: hidden;
   content:".";
   font-size: 0.1em;}

/*　カート部分　
＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

#M_basket{
    width: 950px;
    background: #FFF;
    padding:50px 0;}

#M_basketTable{
	width:704px;
 	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:16px;}

#M_basketTable th,
#M_basketTable td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;}

#M_basketTable td.M_alignL{
	text-align:left;}
	
#M_basketTable thead th{
	background:#eee;}
	
#M_basketTable tfoot td{
	background:#eee;
	text-align:right;
}
#M_basketTable table td{
	border:none;}
	
#M_basketTable .optionTr td{
	border-bottom:4px solid #ccc;}
	
#M_basketTable .basketCount td{
	padding:0 1px;}
	
#M_basket ul{
	margin-top:16px;}
	
#M_basket ul li{
	text-align:left;}

/* カート部リンクテキストボタン
========================================== */
a:link.M_btnStyle,
a:visited.M_btnStyle,
a:active.M_btnStyle{
	padding:2px 5px;
	border:1px solid #333;
	margin:0 4px;
	color:#333;
	text-decoration:none;
	background:#eee;}

a:link.L_btnStyle,
a:visited.L_btnStyle,
a:active.L_btnStyle{
	padding:10px 30px;
	border:1px solid #333;
	margin:0 4px;
	color:#333;
	text-decoration:none;
	background: #FFDAB9;}

a:hover.M_btnStyle,
a:hover.L_btnStyle{
	color:#fff;
	background:#333;}


/* clearfix
----------------------------------------*/
.end_line{
  clear: both;}

.M_clearfix:after,
#M_wrapper:after,
#navi:after,
#list_box :after,
#goods_container:after,
#mainBody:after{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;}

ul#menu,
#M_wrapper,
#list_box,
#hp_new ul.list_scroll li,
#goods_container,
#mainBody{
	display: inline-block;}