@charset "utf-8";
/* CSS Document */




/* body要素のスタイル */

body{
margin: 0 0 0 0;
padding: 0;
color: #333333;
background-color: #ffffff;
text-align:center;
}

.layout_body {
background-image:url(../shop/item/winegrocery/design/img01/bg_header.gif);
background-repeat: repeat-x;
}


/* インライン要素のスタイル */

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

img,object{
margin: 0;
padding: 0;
border:0;
vertical-align: bottom;
}

h2{
margin:0;
padding:0;
}


input{
color:#333333;
}

form{
margin:0px;
padding:0px;
border:0px;
}

ul li{
margin:0px;
padding:0px;
}

/* テーブルの修飾
---------------------------------------------------- */

th,td{
padding:10px;
}

.line_t_b{
border-top:dashed 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
}

.pdg_l_10{
padding:5px 15px 5px 15px;
}

table.chart{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
text-align:center;
}

table.chart td{
padding:10px 10px 10px 10px;
border:solid 1px #e9e7e7;
}

.chart .bg_gray{
background-color:#f4f1e7;
}

.chart .tx_left{
text-align:left;
}

.chart .tx_col01{color:#b60005;}
.chart .tx_col02{color:#9d8100;}
.chart .tx_col03{color:#006f51;}

table#formmailer_table1{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
text-align:center;
font-size:83%;
}
table#formmailer_table2{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
text-align:center;
font-size:83%;
}

table.news{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
}

table.news td{
padding:10px 10px 10px 10px;
border:solid 1px #cccccc;
}

table.news th{
padding:10px 10px 10px 10px;
border:solid 1px #cccccc;
backgroud-color:#f4f1e7;
}

.news .bg_gray{
background-color:#f4f1e7;
}

.news .tx_left{
text-align:left;
}



/* コンテナ
---------------------------------------------------- */

#container{
width:100%;
padding:0px;
margin:0px 0px 0px 0px;
text-align:left;
background-image:url(../common/bg_main.jpg);
background-repeat:repeat-x;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container {
    height: 1em;
}

#container {
    display: block;
}
/**/


#container_t{
width:100%;
padding:0px;
margin:0px 0px 0px 0px;
text-align:left;
background-image:url(../common/bg_main_t.jpg);
background-repeat:repeat-x;
}

#container_t:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container_t {
    height: 1em;
}

#container_t {
    display: block;
}
/**/



/* ヘッダー
---------------------------------------------------- */

#header{
width:800px;
height:80px;
margin:0px;
padding:0px 0px 0px 0px;
}




#header_logo{
width:278px;
height:39px;
float:left;
text-align:left;
margin:0px 0px 0px 0px;
}

#header_logo h1{
width:278px;
height:39px;
margin:20px 0px 0px 0px;
background-image:url(../common/im_logo.jpg);
text-indent:-9999px;
}

#header_tx{
float:right;
width:522px;
margin:20px 0px 0px 0px;
text-align:right;
}

#header_tx h2{
margin:0px 0px 0px 0px;
color:#ffffff;
font-size:69%;
line-height:1.4;
font-weight:normal;
}


/* メインコンテンツ
---------------------------------------------------- */


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




/* フラッシュ
---------------------------------------------------- */


#flash{
width:800px;
margin:0px 0px 45px 0px;
}



/* メインコンテンツ
---------------------------------------------------- */


#content_area{
float:left;
width:580px;
padding:0px;
margin:0px 20px 30px 0px;
}

/* メインコンテンツ（トップ用）
---------------------------------------------------- */


#content_area_t{
float:left;
width:580px;
padding:0px;
margin:0px 20px 20px 0px;
_margin:0px 20px 30px 0px;
}


/* メインコンテンツ_サイド無し
---------------------------------------------------- */


#content_area_w{
width:800px;
padding:0px;
margin:0px 0px 0px 0px;
}



/* ----------------------------------------------------
                   共通パーツ
---------------------------------------------------- */


/* メイン画像
---------------------------------------------------- */
#main_img{
width:800px;
margin:0px 0px 45px 0px;
}

/* メインタイトル
---------------------------------------------------- */
#main_tl{
width:580px;
margin:0px 0px 20px 0px;
padding:0px 0px 5px 0px;
border-bottom:1px solid #b3282e;
font-size:0;
}




/* メインテキスト
---------------------------------------------------- */
.main_tx{
clear:both;
width:560px;
margin:0px 0px 20px 10px;
}

.main_tx h2{
margin:0px 0px 0px 0px;
}

.main_tx p{
margin:0px 0px 0px 0px;
}



/* サブテキスト
---------------------------------------------------- */
.sub_tx{
width:540px;
margin:0px 0px 20px 20px;
}

.sub_tx h2{
margin:0px 0px 0px 0px;
}

.sub_tx p{
margin:0px 0px 0px 0px;
}

.sub_tx h5{
margin:0px 0px 10px 0px;
}


.sub_tx02{
width:540px;
margin:20px 0px 20px 20px;
padding:0px 0px 10px 0px;
border-bottom:1px dashed #CCCCCC;
}

.sub_tx02 p{
margin:0px 0px 0px 0px;
}

/* 画像中央
---------------------------------------------------- */
.main_img_center{
width:560px;
text-align:center;
margin:0px 0px 20px 10px;
}






/* サブタイトル
---------------------------------------------------- */
.sub_tl{
width:580px;
margin:0px 0px 20px 0px;
font-size:1%;
line-height:1;
}

.sub_tl h4{
margin:0px 0px 0px 0px;
}


/* リストボタン
---------------------------------------------------- */

.sub_link{
width:560px;
margin:0px 0px 20px 10px;
}

.sub_link p{
width:540px;
margin:0px 0px 0px 0px;
padding:4px 0px 5px 20px;
border-bottom:1px dashed #e9e7e7;
background:url(../common/ic_link.gif) no-repeat 0px 70%;
background-position:10px 10px;
}

.sub_link_no{
width:560px;
margin:0px 0px 20px 10px;
}

.sub_link_no p{
width:540px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 20px;
background:url(../common/ic_link.gif) no-repeat 0px 70%;
background-position:10px 10px;
}



/* ボタン
---------------------------------------------------- */

#bt{
height:20px;
margin:0px 0px 10px 0px;
float:left;
display:block;
}

#bt p{
margin:1px 10px 0px 10px;
color:#666666;
}

#bt a{
margin:0px 10px 0px 0px;
border:solid 2px #e5e5e5;
float:left;
display:block;
}

#bt a:hover{
border:solid 2px #cc000b;
float:left;
display:block;
text-decoration:none;
}


/* お問い合わせボックス
---------------------------------------------------- */
#contact_box{
clear:both;
width:558px;
margin:0px 0px 0px 0px;
padding:15px 0px 15px 20px;
border:1px solid #ece9d8;
}

#contact_box:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #contact_box {
	height: 1em;
}

#contact_box {
	display: block;
}
/**/

#contact_box_tx{
float:left;
width:202px;
margin:0px 20px 0px 0px;
}

#contact_box_tx p{
margin:0px 0px 10px 0px;
}


#contact_box_bt{
float:left;
width:202px;
margin:18px 0px 0px 0px;
}


/* 画像左右
---------------------------------------------------- */
.photo_left{
clear:both;
width:265px;
float:left;
margin:0px 10px 10px 0px;
}

.photo_right{
width:265px;
float:left;
margin:0px 0px 10px 0px;
}

.photo_right_r{
width:265px;
float:left;
margin:0px 0px 10px 0px;
text-align:right;
}


.photo_left250{
clear:both;
width:250px;
float:left;
margin:0px 10px 10px 0px;
}

.photo_right280{
width:280px;
float:left;
margin:0px 0px 10px 0px;
}

.photo_left_flexible{
clear:both;
float:left;
margin:0px 20px 10px 0px;
}

.photo_right_flexible{
float:left;
margin:0px 0px 10px 0px;
}





/* ----------------------------------------------------
                   詳細ページ
---------------------------------------------------- */


/* トップページ
---------------------------------------------------- */
#top_news{
width:580px;
margin:0px 0px 10px 0px;
}

#top_news p{
width:560px;
margin:0px 0px 4px 0px;
padding:0px 0px 5px 10px;
border-bottom:1px dashed #e9e7e7;
}

#top_news p img{
vertical-align: middle;
}

.main_news_bt{
width:560px;
margin:0px 0px 0px 10px;
}

.main_news_bt p{
margin:0px 0px 0px 0px;
}

.top_box{
clear:both;
float:left;
width:393px;
height:220px;
border:1px solid #ece9d8;
margin:0px 10px 10px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/bg_box.jpg);
}

.top_box p{
margin:0px 0px 0px 0px;
}

.top_box_r{
float:left;
width:393px;
height:220px;
border:1px solid #ece9d8;
margin:0px 0px 10px 0px;
background-image:url(../images/bg_box.jpg);
}


.top_box_l{
clear:both;
float:left;
width:393px;
height:280px;
border:1px solid #ece9d8;
margin:0px 10px 10px 0px;
padding:0px 0px 0px 0px;
background-image:url(../images/bg_box.jpg);
}

.top_box_l p{
margin:0px 0px 0px 0px;
}

.top_box_r_l{
float:left;
width:393px;
height:280px;
border:1px solid #ece9d8;
margin:0px 0px 10px 0px;
background-image:url(../images/bg_box.jpg);
}

.top_box_r_l p img{
vertical-align: middle;
}


.top_box_tl{
margin:10px 0px 10px 0px;
}

.top_box_main{
width:375px;
margin:0px 0px 0px 9px;
}

.top_box_main p{
margin:0px 0px 0px 0px;
}

/*.top_box_img{
float:left;
width:100px;
margin:0px 10px 0px 0px;
}

.top_box_tx{
float:left;
width:265px;
margin:0px 0px 0px 0px;
}

.top_box_tx p{
margin:0px 0px 0px 0px;
}*/

.top_box_img{
float:left;
width:100px;
margin:0px 0px 0px 0px;
}

.top_box_tx{
float:left;
width:265px;
margin:0px 10px 0px 0px;
}

.top_box_tx p{
margin:0px 0px 0px 0px;
}


/* プロフィール
---------------------------------------------------- */

.profile_img{
clear:both;
float:left;
width:150px;
margin:0px 20px 30px 0px;
}

.profile_img img{
margin:0px 0px 0px 0px;
}

.profile_tx{
float:left;
width:370px;
margin:0px 0px 30px 0px;
}

.profile_tx p{
margin:0px 0px 0px 0px;
}


.profile_book{
float:left;
width:180px;
margin:0px 10px 0px 0px;
text-align:center;
}

.profile_book img{
margin:0px 0px 10px 0px;
}

.profile_book_r{
float:left;
width:180px;
margin:0px 0px 0px 0px;
text-align:center;
}

.profile_book_r img{
margin:0px 0px 10px 0px;
}

.profile_book_tx{
width:180px;
margin:0px 0px 0px 0px;
text-align:left;
}

.profile_book_tx p{
margin:0px 0px 0px 0px;
}

.profile_book_bt{
margin:0px 0px 0px 0px;
text-align:center;
}

.profile_book_bt p{
margin:0px 0px 0px 0px;
}




/* インフォメーション
---------------------------------------------------- */

.info_box_bg{
width:540px;
margin:0px 0px 20px 10px;
background-color:#ececec;
padding:10px 10px 10px 10px;
}

.info_box_bg p{
margin:0px 0px 0px 0px;
}

table.info_table td{
padding:0px 0px 0px 0px;
}

table.chart_info{
margin:0px 0px 10px 0px;
border-collapse : collapse ;
text-align:center;
}

table.chart_info td{
padding:5px 5px 5px 5px;
border:solid 1px #e9e7e7;
}

.chart_info .bg_gray{
background-color:#f4f1e7;
}

.chart_info .info_left{
text-align:left;
}

.info_tx_line{
width:560px;
margin:0px 0px 20px 0px;
padding:0px 0px 10px 20px;
border-bottom:1px dashed #e9e7e7;
}


.info_tx_line:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html .info_tx_line {
	height: 1em;
}

.info_tx_line {
	display: block;
}
/**/

.info_tx_line p{
margin:0px 0px 0px 0px;
}

.life_img_left{
clear:both;
width:195px;
float:left;
margin:0px 20px 10px 0px;
}

.life_img_right{
width:195px;
float:left;
margin:0px 0px 10px 0px;
}

.deco_img_left{
clear:both;
width:260px;
float:left;
margin:0px 0px 10px 0px;
}

.deco_img_right{
width:300px;
float:right;
margin:0px 0px 10px 0px;
}



/* スクールのご紹介
---------------------------------------------------- */
.school_pagetop{
clear:both;
width:580px;
float:right;
margin:0px 0px 10px 0px;
padding:10px 0px 0px 0px;
border-top:1px dashed #e9e7e7;
text-align:right;
vertical-align: middle;
}

.school_pagetop img{
margin:0px 0px 0px 0px;
}


.advance_img{
float:left;
margin:0px 10px 10px 0px;
}


/* 作品のご紹介
---------------------------------------------------- */
.work_link{color:#666666;text-decoration:none;}
.work_link a:link{color:#333333;text-decoration:none;}
.work_link a:visited{color:#333333;text-decoration:none;}
.work_link a:hover,a:active{color:#333333;text-decoration:underline;}


/* イベントのご案内
---------------------------------------------------- */
.evnt_detail{
	width:536px;
	border:solid 2px #E5E5E5;
	margin:0px 0px 20px 10px;
	padding:10px 10px 15px 10px;
}
.evnt_detail img{
	padding:0;
	margiin:0;
}

/* 会社概要
---------------------------------------------------- */
table.corporate_table{
margin:0px 0px 20px 0px;
border-collapse : collapse ;
}

table.corporate_table td{
padding:7px 0px 7px 0px;
border-bottom:dashed 1px #e9e7e7;
}

table.corporate_table img{
margin:4px 0px 0px 0px;
font-size:0;
}

table.corporate_table p{
margin:0px 0px 10px 0px;
}

/* 事業内容
---------------------------------------------------- */
.style_img{
width:205px;
float:left;
margin:0px 10px 20px 0px;
_margin:0px 10px 0px 0px;
}

.style_tx{
width:345px;
float:left;
margin:0px 0px 0px 0px;
}

.style_tx p{
margin:0px 0px 0px 0px;
}

/* ニュース詳細
---------------------------------------------------- */
.news_style_img{
width:282px;
float:left;
margin:0px 20px 20px 0px;
}

.news_style_bt{
width:238px;
float:left;
margin:0px 0px 0px 0px;
}

.news_star_img{
width:145px;
float:left;
margin:0px 20px 20px 0px;
}

.news_star_bt{
width:375px;
float:left;
margin:0px 0px 0px 0px;
}

/* 設え
---------------------------------------------------- */
.style_img01{
float:left;
margin:0px 0px 20px 0px;
}

.style_img01 img{
margin:0px 0px 5px 0px;
}

.style_img01 p{
width:150px;
}

.style_img02{
float:left;
margin:0px 0px 20px 0px;
}

.style_img02 img{
margin:0px 0px 5px 0px;
}



/* サイドエリア
---------------------------------------------------- */
#side_area{
float:left;
width:200px;
padding:0px;
margin:0px 0px 10px 0px;
}

#side_box{
width:200px;
margin:0px 0px 10px 0px;
background-color:#ffffff;
}

.side_box_img{
width:200px;
margin:0px 0px 0px 0px;
font-size:0;
}

#side_box_outside{
width:196px;
border-left:1px solid #ece9d8;
border-right:1px solid #ece9d8;
margin:0px 0px 0px 0px;
padding:0px 1px 0px 1px;
}

#side_box_inside{
width:184px;
border-left:1px solid #ece9d8;
border-right:1px solid #ece9d8;
margin:0px 0px 0px 0px;
padding:0px 5px 0px 5px;
}

#side_box_inside:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*\*/
* html #side_box_inside {
	height: 1em;
}

#side_box_inside {
	display: block;
}
/**/

#side_box_inside p{
margin:0px 0px 0px 0px;
}

.side_box_tl{
padding:0px 0px 5px 0px;
border-bottom:1px solid #b3282e;
margin:0px 0px 20px 0px;
font-size:0;
}

#side_link{
width:180px;
margin:0px 0px 0px 0px;
}

#side_link .selected{
display:block;
background-color:#f5f4eb;
}

#side_link p{
width:160px;
margin:0px 0px 0px 0px;
padding:4px 0px 5px 10px;
border-bottom:1px dashed #e9e7e7;
letter-spacing: -0.08em;
}

.side_link_tl{
border-bottom:1px solid #e5e5e5;
padding:0px 0px 10px 0px;
margin:0px 0px 4px 0px;
font-size:0;
}

.side_link_mark{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 8px;
background:url(../common/ic_link.gif) no-repeat 0px 70%;
background-position:0px 10px;
}

html[xmlns*=""] body:last-child .side_link_mark{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 8px;
background:url(../common/ic_link.gif) no-repeat 0px 70%;
background-position:0px 7px;
}





/* リンクボタン
---------------------------------------------------- */
.link_mark{
margin:0px 0px 0px 10px;
padding:6px 0px 0px 13px;
background:url(../common/ic_link.gif) no-repeat 0px 70%;
}

.link_mark_info{
margin:0px 0px 0px 0px;
padding:6px 0px 0px 13px;
background:url(../common/ic_link.gif) no-repeat 0px 70%;
}


/* 中央
---------------------------------------------------- */
.img_center{
margin:20px 0px 0px 0px;
text-align:center;
}


/* フロート時右マージン
---------------------------------------------------- */


.img_r_mgn{
margin:0px 10px 0px 0px;
}



/* 画像下マージン
---------------------------------------------------- */
.img_mgn0{
clear:both;
margin:0px 0px 0px 0px;
}

.img_mgn5{
margin:0px 0px 5px 0px;
font-size:0;
}
.img_mgn5_t{
margin:0px 0px 5px 0px;
}

.img_mgn10{
margin:0px 0px 10px 0px;
}

.img_mgn10_l{
margin:0px 0px 10px 10px;
}

.img_mgn15{
margin:0px 0px 15px 0px;
}

.img_mgn20{
margin:0px 0px 20px 0px;
}

.img_mgn25{
margin:0px 0px 25px 0px;
}

.img_mgn20_l{
margin:0px 0px 20px 10px;
}

.img_mgn30{
margin:0px 0px 30px 0px;
}

.img_mgn30_l{
margin:0px 0px 30px 0px;
padding:0px 0px 0px 10px;
}

.img_mgn40{
margin:0px 0px 40px 0px;
}

.img_mgn50{
margin:0px 0px 50px 0px;
}

.img_mgn100_t{
margin:100px 0px 0px 0px;
}



/* ページトップ
---------------------------------------------------- */



/* フッター
---------------------------------------------------- */

#link_area{
clear:both;
width:800px;
margin:0px auto;
}

#common_link{
float:left;
width:700px;
margin:30px 0px 10px 0px;
text-align:left;
color:#666666;
}


#common_link a{
color:#666666;
}

#common_link p{
margin:0px 0px 0px 0px;
}

#pagetop_area{
width:75px;
float:right;
margin:30px 0px 10px 0px;
text-align:right;
vertical-align: middle;
}

#pagetop_area img{
margin:0px 0px 0px 0px;
}



#footer_area{
clear:both;
width:100%;
height:100px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-image:url(../common/bg_footer.jpg);
background-repeat:repeat-x;
}

#footer{
clear:both;
width:800px;
padding:81px 0px 0px 0px;
margin:0px auto;
text-align:right;
}

#footer img{
margin:0px 0px 0px 0px;
vertical-align: top;
}



.img_right{
text-align:right;
}


/* 注釈
---------------------------------------------------- */

.cation{
color:#ff0000;
}



/* フロートのクリア
---------------------------------------------------- */

.clr{
clear:both;
}


/* 点線
---------------------------------------------------- */

.line{
clear:both;
width:540px;
margin:0px 0px 10px 0px;
_margin:0px 0px 0px 0px;
border-top:dashed 1px #e9e7e7;
}


/* 画像アルファ
---------------------------------------------------- */

.off{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

/* 画像右フロート
---------------------------------------------------- */
.img_r_flo{
float:right;
margin:0 0 5px 10px;
}