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

################################### T O C ################################### 

【サイト全体で使われる共通要素（主にレイアウト）】

■ 1.基本設定
■ 2.clearfix
■ 3.link
■ 4.layout
■ 5.見出し設定
■ 6.list
■ 7.共通レイアウト
■ 8.padding
■ 9.margin
■ 10.header (2010/9/15 added by A.Takeda)
■ 11.footer (2010/9/15 added by A.Takeda)

---------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------

################################# 1.基本設定 ################################

---------------------------------------------------------------------------*/

body, div, pre, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, pre,  form, fieldset, input, textarea, select, option, table, th, td, embed, object, address, non {
	margin:0;
	padding:0;
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-weight:normal;
	font-style:normal;
}
h1, h2, h3, h4, h5, h6, p, li, dt, dd, form, pre, address, blockquote, non {
	font-size:12px;
	line-height:1.3;
}
html {
/* filter: expression(document.execCommand("BackgroundImageCache", false, true));*//*rollover時の背景画像チラツキを防止 for IE6!!!*/
}
li {
	list-style-type: none;
}
li img, dt img,  dd img {
	vertical-align:top; /* 画像下のスペース消し */
}
.bold {
	font-weight:bold;
}
.underbar {
	border-bottom:1px solid #cccccc;
}
.topbar {
	border-top:1px solid #cccccc;
}
.tal {
	text-align:left;
}
.tac {
	text-align:center;
}
.tar {
	text-align:right;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
fieldset, table, img {
	border:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:none;
}
/*---------------------------------------------------------------------------

################################# 2.clearfix ################################

---------------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
*+html .clearfix {
	height:1%;
}
* html .clearfix {
	height: 1%;
}
/*---------------------------------------------------------------------------

################################# 3.link #################################### 

---------------------------------------------------------------------------*/

a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #7F0019;
}
a:active {
	color: #333333;
}
a:focus {
	outline:none;
}
/* 画像ボーダーリンク：グレーボーダー */

.borderLink a:link,  .borderLink a:visited {
	border:1px solid #CCCCCC;
	display:block;
	height:1%;
}
.borderLink a:hover,  .borderLink a:active {
	border:1px solid #7F0019;
	display:block;
	height:1%;
}
/* 画像ボーダーリンク2：白ボーダー*/

.borderLink2 a:link,  .borderLink2 a:visited {
	border:1px solid #FFFFFF;
	display:block;
	height:1%;
}
.borderLink2 a:hover,  .borderLink2 a:active {
	border:1px solid #7F0019;
	display:block;
	height:1%;
}
/*---------------------------------------------------------------------------

################################## 4.layout #################################

---------------------------------------------------------------------------*/

/* body ----------------------------------------*/
body {
	text-align:left;
	background-color:#FFFFFF;
	color:#333333;
}
/* header ----------------------------------------*/

/*override /shared/css/header_utf-8.css*/
/*
#head {
	width:820px;
}
*/
#head ul#menuMain {
	background: #FFF url(/shared/img/header/headbg.gif) repeat-x 0 0;
}
/* wrap ----------------------------------------*/
#wrap {
	width:760px;
	text-align:left;
/*	margin:0 30px;*/
	background:#FFFFFF;
}

* html #wrap {
	position: relative; 
	left: 15px;
}

/* breadCrumbs ----------------------------------------*/
#breadCrumbs {
	/*width:760px;*/
	width:620px;
	margin:20px 0;
	*padding-top:20px;
}
#breadCrumbs li {
	float:left;
	margin-left:5px;
	font-size:10px;
	padding-left:12px;
	background:transparent url(../../img/shared/arrow_01.gif) 0 4px no-repeat;
}
#breadCrumbs li.left {
	padding-left:0px;
	margin-left:0px;
	background:none;
}
/*shere----------------------------------------*/
.share,
.shareButton {position:absolute;top:0;right:0;*top:20px;}
.share li,
.shareButton li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;}

/* contents ----------------------------------------*/

#contents {
	width:760px;
	margin:0;
	display:inline;
	float:left;
}
/* mainArea ----------------------------------------*/

#mainArea {
	width:580px;
	float:left;
}
#mainArea p {
	line-height:1.5;
}
/* lowerNavi ----------------------------------------*/

/* type1 : 3menus per 1line */
.lowerNavi {
	margin:0 0 5px 10px;
	width:570px;
}
.lowerNavi li {
	width:185px;
	float:left;
	margin:0 5px 5px 0;
	display:inline;
}
.kerning1 {
	letter-spacing:-1px;
}
*html .kerning1 {
	letter-spacing:0px;
}
.kerning2 {
	letter-spacing:-2px;
}
*html .kerning2 {
	letter-spacing:0px;
}
.lowerNavi li.right {
	margin:0 0px 5px 0;
}
.lowerNavi li a {
	background:transparent url(../../img/shared/arrow_03.gif) 0 4px no-repeat;
	padding-left:10px;
}
/* type2 : margin-bottom:0 */
.lowerNavi2 {
	margin:0 0 0 10px;
	width:570px;
}
.lowerNavi2 li {
	width:185px;
	float:left;
	margin:0 5px 0 0;
	display:inline;
}
.lowerNavi2 li.right {
	margin:0 0px 5px 0;
}
.lowerNavi2 li a {
	background:transparent url(../../img/shared/arrow_03.gif) 0 4px no-repeat;
	padding-left:10px;
}
/*uw0411*/
/* type3 : 1menu in 1line */

.lowerNavi_1line {
	margin:0 0 0px 10px;
	width:570px;
}
.lowerNavi_1line li {
	margin:0 0 10px 0;
	display:block;
}
*html .lowerNavi_1line li {
	margin:0 0 5px 0;
}
.lowerNavi_1line li a {
	background:transparent url(../../img/shared/arrow_03.gif) 0 4px no-repeat;
	padding-left:10px;
}
/*/uw0411*/

/* type4 : 1menu in 23rds line */
li.lowerNavi_23rds {
	width:375px;
	float:left;
	margin:0 0 5px 0;
	display:inline;
}
li.lowerNavi_23rds a {
	background:transparent url(../../img/shared/arrow_03.gif) 0 4px no-repeat;
	padding-left:10px;
}
/* delivery_notice ----------------------------------------*/

div#delivery_notice li {
	display:block;
}
div#delivery_notice li a {
	background:transparent url(../../img/shared/arrow_03.gif) 0 4px no-repeat;
	padding-left:10px;
}
/* sideArea ----------------------------------------*/

#sideArea {
	width:160px;
	float:right;
}
.sideWhitebox {
	border:1px solid #CCCCCC;
	margin:0 0 10px 0;
}
.sideWhitebox p {
	margin:0px 8px 10px 8px;
	font-size:12px;
}
.sideWhitebox li {
	margin:0px 8px 10px 9px;
	font-size:10px;
}
.sideWhitebox #bnr_mmaga_txt {
	background:transparent url(../../img/shared/bnr_mmagaimg.gif) 90px 0 no-repeat;
}
.sideWhitebox #bnr_mmaga_txt li {
	background:transparent url(../../img/shared/icon_dot.gif) 0 6px no-repeat;
	padding-left:5px;
}
#sideBanner .rssblock {
	margin-left:5px;
}
#sideBanner p.rss {
	font-size:12px;
	float:left;
}
#sideBanner p.rssimg {
	float:left;
	margin:0 0 0 5px;
}

/* navigation ----------------------------------------*/

#navigation {
	margin:0 0 30px 0;
}
/*for 0509////////////////////////////////////////////*/
/* gotoParent ----------------------------------------*/
#gotoParent {	
}
#gotoParent p img{
	display:block;	
}
/*END for 0509////////////////////////////////////////*/
/* footer ----------------------------------------*/

/*override /shared/css/footer.css*/

#foot {
	width:760px;
}
/*for 0509////////////////////////////////////////////*/
/* header navi ----------------------------------------*/
.head_navi {
	width:760px;
}
.head_navi ul {
	width:760px;
	padding:20px 0 15px 0;
}

.head_navi ul.childpages {
	width:760px;
	padding:20px 0 0 0;
}

.head_navi li {
	list-style-type:none;
	width:95px;
	float:left;
}
/*END for 0509////////////////////////////////////////*/
/*---------------------------------------------------------------------------

################################# 5.見出し設定 ############################## 

---------------------------------------------------------------------------*/
.large {
	font-size:14px;
}
.middle {
	font-size:12px;
}
.small {
	font-size:10px;
}
/*---------------------------------------------------------------------------

################################# 6.list ####################################

---------------------------------------------------------------------------*/
/* ListStyle01 */
ul.notice li {
	background:transparent url(../../img/shared/notice.gif) 0 4px no-repeat;
	padding-left:10px;
	margin:0 0 3px 0px;
}
/*---------------------------------------------------------------------------

################################# 7.共通レイアウト ##########################

---------------------------------------------------------------------------*/
/* layout_2col: 2 columns */
.layout_2col {
	width:580px;
}
.layout_2col .left {
	width:280px;
	float:left;
}
.layout_2col .right {
	width:280px;
	float:right;
}
/* categoryBlock */
.categoryBlock {
	width:580px;
	margin-bottom:5px;
}
.categoryBlock li {
	width:180px;
	float:left;
	margin:0 20px 0 0;
	display:inline;
}
.categoryBlock li p.txtLink {
	background:transparent url(../../img/shared/arrow_05.gif) 0 7px no-repeat;
	padding-left:11px;
	margin:5px 15px 0 15px;
	font-size:15px;
}
.categoryBlock li.right {
	margin:0;
}
/* categoryBlock : course,hot_item */
.categoryBlock_banner {
	width:580px;
	margin:0 0 30px 0;
}
.categoryBlock_banner li img {
	display:block;
}
/*uw0411*/
.recommendBox {
	width:580px;
}
.recommendBox ul {
	background:transparent url(../../img/shared/dot_01.gif) left top repeat-x;
}
.recommendBox ul.top {
	background:none;
}
.recommendBox li {
	margin:10px 0 10px 0;
	width:290px;
	float:left;
	background:transparent url(../../img/shared/recommendBox_bg.gif) 0 0 repeat-y;
}
.recommendBox h3,
.recommendBox h4,
.recommendBox h5,
.recommendBox p {
	width:160px;
	float:right;
	margin:5px 5px 0px 0px;
	display:inline;
	line-height:1.3;
}
.recommendBox li p.img {
	width:97px;
	float:left;
	margin:0 0 0 10px;
	display:inline;
	vertical-align:top;

}
/*/uw0411*/

/*recommendBox１ラインブロックタイプ*/
.recommendBox_1line {
	width:580px;
}
.recommendBox_1line ul li {
	padding: 10px 0;
	background:transparent url(../../img/shared/dot_01.gif) 0 0 repeat-x;
}
.recommendBox_1line div.listwrapper {
	padding:0px 0px 0px 10px;
	background:url(../../img/shared/recommendBox_1line_bg.gif) 0 0 repeat-y;
}
.recommendBox_1line div.listtext {
	width:453px;
	padding:5px 5px 0 5px;
	float:left;
}
.recommendBox_1line h5 {
	padding:0 0 2px 0;
	line-height:1.3;
}
.recommendBox_1line li p.img {
	width:97px;
	float:left;
	margin:0 10px 0 0;
}
.recommendBox_1line ul.itemlist li {
	background:transparent url(../../img/shared/list_dot.gif) 3px 6px no-repeat;
	padding:0 0 3px 10px;
}
/*recommendBoxセットタイプ*/
.recommendBox_course {
	width:550px;
	padding:14px;
	border:1px solid #cdcdcd;
}
.recommendBox_course ul {
	padding: 0 0 10px 0;
	margin:0 0 10px 0;
	background:transparent url(../../img/shared/dot_cd.gif) left bottom repeat-x;
}
.recommendBox_course ul.bottom {
	padding: 0 0 0 0;
	margin:0 0 0 0;
	background:none;
}
.recommendBox_course li {
	width:270px;
	float:left;
	background:transparent url(../../img/shared/recommendBox_course_bg.gif) 0 0 repeat-y;
}
.recommendBox_course h3,  .recommendBox_course h4,  .recommendBox_course h5,  .recommendBox_course p.price {
	width:150px;
	float:right;
	margin:5px 5px 0px 0;
	display:inline;
	line-height:1.3;
}
.recommendBox_course li p.img {
	width:97px;
	float:left;
	margin:0 0 0 0;
	display:inline;
}

/* others textlink */
/* type : single line */
.other_txt {
	clear:both;
	text-align:right;
	margin:0px auto 30px;
	font-size:12px;
	padding-left:13px;
}
.other_txt a {
	background:transparent url(../../img/shared/arrow_05.gif) 0px 3px no-repeat;
	text-align:left;
	padding-left:10px;
}
/* type : multiple lines */
.other_txt2 {
	clear:both;
	text-align:right;
	margin:0px auto 5px;
	font-size:12px;
	padding-left:13px;
}
.other_txt2 a {
	background:transparent url(../../img/shared/arrow_05.gif) 0px 3px no-repeat;
	text-align:left;
	padding-left:10px;
}
/* type : single line,margin-bottom:0 *//* for reserve/air.html */
.other_txt3 {
	clear:both;
	text-align:right;
	margin:0px auto 0px;
	font-size:12px;
	padding-left:13px;
}
.other_txt3 a {
	background:transparent url(../../img/shared/arrow_05.gif) 0px 3px no-repeat;
	text-align:left;
	padding-left:10px;
}
/*---------------------------------------------------------------------------

################################## 8.padding ################################

----------------------------------------------------------------------------*/
.pad5 {
	padding:5px;
}
.pad10 {
	padding:10px;
}
.pad15 {
	padding:15px;
}
.pad20 {
	padding:20px;
}
.padL20 {
	padding-left:20px;
}
.padT0 {
	padding-top:0px;
}
.padT5 {
	padding-top:5px;
}
.padT10 {
	padding-top:10px;
}
.padT15 {
	padding-top:15px;
}
.padT20 {
	padding-top:20px;
}
.padT30 {
	padding-top:30px;
}
.padB0 {
	padding-bottom:0px;
}
.padB5 {
	padding-bottom:5px;
}
.padB10 {
	padding-bottom:10px;
}
.padB15 {
	padding-bottom:15px;
}
.padB20 {
	padding-bottom:20px;
}
.padB30 {
	padding-bottom:30px;
}
/*---------------------------------------------------------------------------

################################## 9.margin ################################# 

---------------------------------------------------------------------------*/
.marT0 {
	margin-top:0px;
}
.marT3 {
	margin-top:3px;
}
.marT5 {
	margin-top:5px;
}
.marT10 {
	margin-top:10px;
}
.marT15 {
	margin-top:15px;
}
.marT20 {
	margin-top:20px;
}
.marT30 {
	margin-top:30px;
}
.marT40 {
	margin-top:40px;
}
.marT50 {
	margin-top:50px;
}
.marB0 {
	margin-bottom:0px;
}
.marB3 {
	margin-bottom:3px;
}
.marB5 {
	margin-bottom:5px;
}
.marB10 {
	margin-bottom:10px;
}
.marB15 {
	margin-bottom:15px;
}
.marB20 {
	margin-bottom:20px;
}
.marB30 {
	margin-bottom:30px;
}
.marB40 {
	margin-bottom:30px;
}
.marB50 {
	margin-bottom:50px;
}
.marL0 {
	margin-left:0px;
}
.marL3 {
	margin-left:3px;
}
.marL5 {
	margin-left:5px;
}
.marL10 {
	margin-left:10px;
}
.marL13 {
	margin-left:13px;
}
.marL15 {
	margin-left:15px;
}
.marL20 {
	margin-left:20px;
}
.marL30 {
	margin-left:30px;
}
.marL40 {
	margin-left:40px;
}
.marL50 {
	margin-left:50px;
}
.marR0 {
	margin-right:0px;
}
.marR3 {
	margin-right:3px;
}
.marR5 {
	margin-right:5px;
}
.marR10 {
	margin-right:10px;
}
.marR15 {
	margin-right:15px;
}
.marR20 {
	margin-right:20px;
}
.marR30 {
	margin-right:30px;
}
.marR40 {
	margin-right:40px;
}
.marR50 {
	margin-right:50px;
}
.hiden {
	text-indent: -9999px;
}


/*---------------------------------------------------------------------------

################################## 10.header ################################# 

---------------------------------------------------------------------------*/
#headerWrap {width: 100%; min-width: 910px; height: 32px; background: #7F0019; color: #FFF;}
#headerWrap a:hover { color: #FFF; }
#header {width: 910px; margin: 0 auto;}
#header a:link, #header a:visited { color: #FFF; }
#header a:active, #header a:hover { color: #BF808C; }
#header img { vertical-align: bottom; }
#siteName {float: left; padding: 7px 0 0 15px; font-size: 12px; line-height: 1;}
#globalNav {float: right; height: 25px; font-size: 12px; line-height: 1;}
#globalNav li {float: left; padding: 7px 15px 0 0;}
#siteName a, #globalNav a {display: block; overflow: hidden; height: 18px; background-image: url(/img/common/header.png); background-repeat: no-repeat; text-indent: -9999px;}
#siteName a { width: 153px; background-position: 0 0; }
#ttlLab a { width: 192px; background-position: -295px 0; }
#ttlShop a { width: 139px; background-position: -155px 0; }
#siteName a:hover { background-position: 0 -18px; }
#ttlLab a:hover { background-position: -295px -18px; }
#ttlShop a:hover { background-position: -155px -18px; }

#gnHome a { width: 30px; background-position: 0 -40px; }
#gnStore a { width: 56px; background-position: -35px -40px; }
#gnLab a { width: 88px; background-position: -95px -40px; }
#gnShop a { width: 42px; background-position: -185px -40px; }
#gnMymuji a { width: 38px; background-position: -359px -40px; }
#gnContact a { width: 61px; background-position: -295px -40px; }
#gnGS a { width: 63px; background-position: -230px -40px; }

#gnHome a:hover, #gnHome strong a { background-position: 0 -58px; }
#gnStore a:hover, #gnStore strong a { background-position: -35px -58px; }
#gnLab a:hover, #gnLab strong a { background-position: -95px -58px; }
#gnShop a:hover, #gnShop strong a { background-position: -185px -58px; }
#gnMymuji a:hover, #gnMymuji strong a { background-position: -359px -58px; }
#gnContact a:hover, #gnContact strong a { background-position: -295px -58px; }
#gnGS a:hover, #gnGS strong a { background-position: -230px -58px; }

/* header.css overwrap */

#header {background: none; font-family:inherit; font-size: inherit; height: auto; line-height: inherit;}

/*---------------------------------------------------------------------------

################################## 11.footer ################################# 

---------------------------------------------------------------------------*/

#footer {width: 910px; margin: 0 auto;}