@charset "shift_jis";

/*==========================================
	RESET
==========================================*/
body {
font-size: 13px;
font : normal 13px/20px "MS 明朝", "ヒラギノ明朝 Pro W3" , Osaka , serif ;
background-color : #211200 ;
/*background : url(../bg/bg.gif) top center  ;*/
color : #232323 ;
}
*:first-child+html  body {
/*font-size : 80.25% ;*/
}
body , div , dl , dt , dd , ul , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {
margin-top : 0px ; margin-right : 0px ; margin-left : 0px ; margin-bottom : 0px ;
}
address , caption , cite , code , dfn , em , strong , th , var {
font-style : normal ;
}
table {
border-collapse : collapse;
}
th , td , tr {
font-weight:normal ;
border : 0px ;
}
caption , th {
text-align : left ;
}
object,
embed {
vertical-align : top ;
}
hr , legend {
display : none ;
}
h1 , h2 , h3 , h4 , h5 , h6 {
font-size : 100%;
}
img , abbr , acronym , fieldset {
border : 0px ;
}
img {
float : left ;
}
label {
cursor : pointer ;
}
p {
	text-align : justify;
	text-justify : distribute;
	margin: 3px;
}
em {
font-style : normal ;
font-weight : bold ;
}
li {
list-style-type : none ;
}


/*=====================================
	CLEARFIX
=====================================*/
.clfx:after {  
content : ".";  
display : block ;  
visibility : hidden ;  
height : 0.1px;  
line-height : 0;  
clear : both ;  
}

/*=====================================
	その他クラス
=====================================*/
.cl {
margin : 0px !important ;
padding : 0px !important ;
}
.posi_ab {
position : absolute !important ;
}
.ma_c {
margin : 0 auto ;
}
.ma_t80 {
margin-top : 80px ;
}
.ma_b20 {
margin-bottom : 20px ;
}
.pad_20 {
padding : 20px 20px  ;
}
.pad_35 {
padding : 35px 35px  ;
}
.pad_t60 {
padding-top : 60px  ;
}
.pad_t10 {
padding-top : 10px  ;
}
.pad_t15 {
padding-top : 15px  ;
}
.pad_l10 {
padding-left : 10px  ;
}
.pad_l20 {
padding-left : 20px  ;
}
.pad_l30 {
padding-left : 30px  ;
}
.pad_l50 {
padding-left : 50px  ;
}
.pad_l150 {
padding-left : 150px  ;
}
.pad_l230 {
padding-left : 230px  ;
}
.pad_r10 {
padding-right : 10px  ;
}
.pad_tl8 {
padding : 8px 0 0 8px ;
}
.pad_b5 {
padding-bottom : 5px ;
}



.att {
color : #ff2288  !important ;
}
.att_2 {
color : #2395eb  !important ;
}
.emp {
color : #0099cc  !important ;
}
.lag {
font-size : 115%  !important ;
}
.big {
font-size : 165%  !important ;
}
.sml {
font-size : 83%  !important ;
}
.bo {
font-weight : bold ;
}
.fl {
float : left ;
}
.fr {
float : right ;
}
.txt_r {
text-align : right ;
}
.txt_c {
text-align : center ;
}
.txt_w {
color : #ffffff ;
}

/*==========================================
	H2   H3
==========================================*/
h2 {
margin : 0 0 0 0 ;
height :47px ;
}




/*==========================================
	A : LINK HOVER
==========================================*/
a:link {
text-decoration : none ;
color : #ffffff ;
}
a:visited {
text-decoration : none ;
color : #ffffff ;
}
a:hover {
text-decoration : none ;
color : #ffffff ;
}

/*==========================================
	BACK GROUND
==========================================*/
#bg_home {
background : url(../home/bg_home.jpg) center 0 no-repeat ;
background-color : #c7ffff;
}
#bg {
background : url(../common/bg_body.gif) center 0px no-repeat ;
}

/*==========================================
	WRAPPER
==========================================*/
#wrapper {
margin : 0 auto 0 auto ;
width : 945px ;
/*border : 1px #ff0000 dotted ;*/
}

/*==========================================
	HEADER
==========================================*/
#header {
margin : 0 0 8px 0 ;
width : 935px ; height : 136px ;
/*border : 1px #FFF solid ;*/
}

#logo{
	float:left;
	clear:both;}
	
#head_shop{
	float:right;
	width:300px;
	height:136px;}


/*==========================================
	NAVI
==========================================*/
#navi {
margin : 0 0 8px 0 ;
width : 932px ; height : 47px ;
/*border : 1px #eee dotted ;*/
background : url(../navi/bg.gif) 0 0 no-repeat ;
}

/*==========================================
	SIDEBAR
==========================================*/
#sidebar {
margin : 0 0 0 0 ;
width :193px ; 
/*border : 1px #eee dotted ;*/
float : left ;
}
.twitter {
margin : 0 0 10px 0 ;
width : 189px ;
/*border : 1px #eee solid ;*/
color : #ffffff ;
}
.twtr-hyperlink{
display:block;
}
.youtube {
margin : 0 0 10px 0 ;
width : 189px ; height : 189px ;
border : 1px #eee solid ;
}


/*==========================================
	CONTAINER
==========================================*/
#container {
width : 747px ;
/*border : 1px #fff dotted ;*/
float : left ;
}


/*===========================================
	FOOTER
===========================================*/
#footer {
margin-top : 50px ;
width :100% ; height : 276px ;
background : url(../footer/bg.gif) center 0 repeat ;
clear : both ;
/*border : 1px #000 solid ;*/
}
#footer_in {
margin : 0 auto ;
width :938px ; height : 276px ;
background : url(../footer/bg_footer_in.gif) 0 0 no-repeat ;
/*border : 1px #000 solid ;*/
}
#ft_navi {
padding : 10px 0 0 0;
width : 933px ; height : 30px ;
/*border : 1px #000 solid ;*/
}
#ft_navi p {
margin : 0 0 0 0 ;
text-align : center ;
}
#ft_navi a:link {
color : #232323 ;
text-decoration : none ;
}
#ft_navi a:hover {
color : #232323 ;
text-decoration : underline ;
}
#ft_navi a:visited {
color : #232323 ;
text-decoration : none ;
}
#ft_left {
width : 741px ; height : 226px ;
background : url(../footer/bg_footer_in.png) 0 0 no-repeat ;
/*border : 1px #000 solid ;*/
float : left ;
}
#ft_right {
margin : 50px 0 0 0 ;
width : 189px ;
/*border : 1px #000 solid ;*/
float : left ;
}


/*===========================================
	BOX
===========================================*/
.box_01 {
	margin : 0 0 8px 0;
	width : 732px;
	padding : 0 0;
	border : 1px #a44727 solid;
	color: #FFFFFF;
}
.box_02 {
margin : 0 0 8px 0 ;
width : 732px ;
padding : 0 0 ;
border : 1px #a44727 solid ;
background-color : #920004;
}
.box_03 {
margin : 0 0 8px 4px ;
padding : 10px 5px ;
width : 713px ;
background-color : #333333;
}
.box_04 {
margin : 0 0 8px 4px ;
padding : 10px 5px ;
width : 713px ;
background-color : #ce0817;
}
.box_05 {
margin : 0 0 8px 0 ;
width : 732px ;
padding : 0 0 ;
border : 1px #bbbbbb solid ;
background-color : #ffffed;
}
.box_half_01 {
margin : 0 0 0 0 ;
padding : 0 0 0 0 ;
width : 359px ;
border : 1px #bbbbbb solid ;
background-color : #ffffed;
float : left ;
}
.box_half_02 {
	width : 700px;
	color: #FFFFFF;
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20;
/*border : 1px #888 solid ;*/
}
.box_miso {
	margin : 0 0 0 0;
	width : 732px;
	padding : 0 0;
	background-color: #333333;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	color: #FFFFFF;
}
.box_su {
	margin : 0 0 0 0;
	width : 732px;
	padding : 0 0;
	background-color: #333333;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
}


/*===========================================
	TABLE
===========================================*/
.ta_1 {
margin : 10px auto 0 auto ;
width : 100% ;
}
.ta_1 th {
padding : 5px 0 5px 8px ;
border-bottom : 1px #555 dotted ;
background : url(../common/li_mark_e.gif) 0 9px no-repeat ;
font : normal 13px/15px "MS 明朝", "ヒラギノ明朝 Pro W3" , Osaka , serif ;
vertical-align : top ;
color : #232323 ;
}
.ta_1 td {
padding : 5px 0 5px 8px ;
border-bottom : 1px #555 dotted ;
font : normal 13px/15px "MS 明朝", "ヒラギノ明朝 Pro W3" , Osaka , serif ;
color : #232323 ;
text-align : right ;
white-space : nowrap ; 
}
/*----------------------------------------------------------------------------*/
.ta_staff {
margin : 10px auto 0 auto ;
width : 100% ;
}
.ta_staff td {
padding : 5px 8px 5px 8px ;
border-bottom : 1px #555 dotted ;
font : normal 13px/15px "MS 明朝", "ヒラギノ明朝 Pro W3" , Osaka , serif ;
color : #232323 ;
vertical-align : top ;
}
/*----------------------------------------------------------------------------*/
.ta_menu {
margin : 10px auto 0 auto ;
width : 100% ;
}
.ta_menu td {
width : 225px ;
padding : 5px 8px 5px 8px ;
font : normal 13px/15px "MS 明朝", "ヒラギノ明朝 Pro W3" , Osaka , serif ;
color:#FFFFFF;
vertical-align : top ;
}
.ta_menu .name {
margin : 10px 0 3px 0 ;
font : bold 14px/14px "MS 明朝", "ヒラギノ明朝 Pro W3" , Osaka , serif ;
border-left : 3px #dd1111 solid ;
text-indent : 3px ;
}
.ta_menu .price {
font : bold 13px/15px "MS ゴシック", "ヒラギノ角ゴ Pro W3" , Osaka , serif ;
color : #dd1111 ;
}
.ta_menu .coment {
font : normal 12px/15px "MS 明朝", "ヒラギノ明朝 Pro W3" , Osaka , serif ;
}
/*----------------------------------------------------------------------------*/
