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


body { font-size:12px; 
       font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
       color:#444;
       background-image:url(../img/com_bg.gif);
       padding:0px;
       margin:0px;}

.txt_right { text-align:right; display:block; }

/*wrap:全体をセンターにするCSS*/
#wrap { width:760px; height:auto; text-align:center; margin:0 auto;}

#head { width:760px; margin:0px; padding:0px;}

#head div.logo { float:left; padding-top:12px;}

/*main:midとsideとfootを統括するCSS*/
#main { width:760px; height:auto;
        background:url(../img/com_main_bg.jpg);
	    background-repeat:repeat-y;
		background-position:0px 0px;
		text-align:left;
		clear:both;}
#main_inner { background:url(../img/com_main_bg_top.jpg);
	          background-repeat:no-repeat;
			  background-position:0px 0px;}

/*mid:cntを右揃えにするCSS*/
#mid { float:right; width:567px;}

/*cnt:コンテンツを格納するCSS*/
#cnt { width:560px; height:auto;
	   background:url(../img/com_content_bg.gif);
       backgroud-repeat:repeat-y;
       margin:0px 7px 0px 0px;
       padding:0px 0px 20px 0px;}

#cnt div.bgTop2 { text-align:center; font-size:0px; line-height:1px;
				  width:560px; height:5px;
                  background:url(../img/com_content_bg_top.gif);
                  background-repeat:no-repeat;
                  margin-bottom:10px;}	   


#cnt div.newsTopImg { width:530px; margin:4px 0px 0px 15px;}

/*side:gnやinfを左揃えにするCSS*/
#side { float:left; width:190px; text-align:left;}

/*gn:グランドナビを格納するCSS*/
#gn { margin-left:7px;}

#gn .gnlist .list a { width:180px; height:40px; margin-bottom:2px;
                      background:url(../img/com_gn_btn_bg.gif) no-repeat;
                      color:#FFFFFF;
                      text-decoration:none;
                      display:block;}
#gn .gnlist .list a:hover { width:180px; height:40px;
                            background:url(../img/com_gn_btn_bg_over.gif) no-repeat;
                            color:#AF6712;
                            text-decoration:none;
                            display:block;}
#gn .gnlist .list a span { padding:15px 0px 0px 42px; display:block;}
#gn #snbox { width:180px;
             background-color:#ffd38d;
		     padding:10px 0px 10px 0px;
			 text-align:center;}
#gn #snbox a { color:#4c2900; text-decoration:underline;
               background-image:none; width:auto; height:auto;
			   display:inline;}
#gn #snbox a:hover { color:#4c2900; text-decoration:underline;
                     background-image:none; width:auto; height:auto;
			         display:inline;}
#gn #snbox .snlist { margin:0px 7px 10px 18px;}
#gn #snbox .snlist li { background-image:url(../img/com_icon_arrow_brown.gif);
                        background-position:0px 3px;
                        background-repeat:no-repeat;
                        padding:0px 0px 9px 8px; text-decoration:underline;
					    text-align:left;}
#gn #snbox .snlist a { color:#4c2900; text-decoration:underline;
                       background-image:none; width:auto; height:auto;
			           display:inline;}
#gn #snbox .snlist a:hover { color:#4c2900; text-decoration:underline;
                             background-image:none; width:auto; height:auto;
			                 display:inline;}


/*inf:バナーやプロフィールを格納するCSS*/
#inf div.banner { margin-top:10px; text-align:center;}
#inf div.banner span { font-weight:bold;}
#inf div.profile { margin-top:10px; margin-left:12px;}
#inf div.profile p { margin-bottom:10px; color:#993300;}

/*foot:サブナビを格納するフッターCSS*/
#foot { width:760px; height:20px;
        background:url(../img/com_main_bg_end.jpg);
        background-repeat:no-repeat;
        clear:both;}
#foot p { text-align:left; padding-left:10px; marign-bottom:5px;}

/*footEx:footより下のコピーライトを格納するCSS*/
#footEx { clear:both; width:760px; height:auto; text-align:right; margin:0px 0px 20px 0px; padding:7px 0px 0px 0px;}
.copyright { font-family:sans-serif; font-size:10px; line-height:12px; color:#999999;}
.webselecpa { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; text-decoration:none;}

/*画像の指定に関するCSS*/
img.left { float:left; padding:0 10px 10px 0;}
img.right { float:right; padding:0 0 10px 10px;}

/*文字に関するCSS*/
h1 { color:#FFFFFF; font-size:12px;
     padding:3px;
     text-align:center;
     font-weight:normal;
     line-height:22px;}
h2 { margin:6px auto 0 auto; text-align:center;}
h3 { color:#8E8C74; font-size:12px; font-weight:normal; text-align:center;}
blockquote { line-height:150%;}
p { line-height:14px;}
.x-small { font-size:9px; line-height:12px;}
.small { font-size:10px; line-height:12px;}
.small02 { font-size:10px; line-height:12px; margin-left:15px;}
.large { font-size:14px; line-height:18px;}


/*色に関するCSS*/
.red { color:#FF0000;}	/*赤*/
.blue { color:#0099FF;}	/*青*/
.yellow { color:#FFFF00;}	/*黄*/
.green { color:#009933;}	/*緑*/
.orange { color:#FF6633;}	/*オレンジ*/
.brown { color:#666633;}
.pink { color:#FF88BB;}
.orange02 { color:#993300;}


/*floatに関するCSS*/
.clear { clear:both; height:1px; font-size:0px; line-height:1px;}

/*任意で指定したCSS*/
h1,h2,h3,h4,h5,h6,p,ul,li,blockquote { padding:0px; margin:0px;}
img { border:0px;}
ul{ list-style:none;}

/*space*/
.spaceS { height:8px; clear:both;}
.spaceM { height:15px; clear:both;}
.spaceL { height:20px; clear:both;}


/*link-----------------------------------------------------------------------*/
a:link { color:#666633; text-decoration:underline;	}
a:visited { color:#666633; text-decoration:underline;}
a:hover{ color:#999966; text-decoration:underline;}

#cnt .dotline { background-image:url(../img/com_dotline.gif);
                background-repeat:repeat-x;
                width:100%;
                height:3px;
                margin:10px 0px 10px 0px;
                clear:both;
                font-size:1px; 
				line-height:1px;}
#news .dotline { background-image:url(../img/com_dotline.gif);
                 text-align:center;
                 font-size:1px;
                 margin-top:5px;
                 margin-bottom:3px;
                 margin-left:auto;
                 margin-right:auto;
                 width:220px;
                 height:5px;}


/*-- table --*/
table { border:1px solid #C3C09F;
        border-collapse:collapse;
        margin:10px 10px 4px 10px;
        padding:0;}
table .none { border:0px;}
td { text-align:left;
     padding:5px 15px;
     border:1px solid #C3C09F;
     line-height:18px;}
th { text-align:center;
     padding:5px 10px;
     border:1px solid #C3C09F;
     background-color:#E1DEB7;
     font-weight:normal;}
#cnt table.schedule { border: 0px solid #C3C09F;
                      border-collapse:collapse;
                      margin:10px 10px 4px 5px;
                      padding:0;}
#cnt table.schedule td { text-align:left;
                         padding:5px 15px;
                         border: 0px solid #C3C09F;
                         line-height:18px;}
#cnt table.schedule th { text-align:center;
                         padding:5px 10px 5px 0px;
                         border: 0px solid #C3C09F;
                         background-color:#FFF;
                         font-weight:normal;}
table.sche01,table.sche02,table.sche03,{ padding:3px; border:1px #999999 solid;}
table.sche01 td { padding:5px; background-color:#CCFFCC; text-align:center;}
table.sche01 th { padding:3px; background-color:#009933; text-align:center;}
table.sche02 td{ padding:3px; background-color:#ffddff; text-align:center;}
table.sche02 th{ padding:3px; background-color:#FF88BB; text-align:center;}
table.sche03 td{ padding:5px; background-color:#D9EEFF; text-align:center;}
table.sche03 th{ padding:3px; background-color:#0099FF; text-align:center;}
table.sche04 td{ padding:5px 1px; background-color:#D9EEFF; text-align:center;}
table.sche04 th{ padding:3px; background-color:#0099FF; text-align:center;}
#newcourse td,#newcourse th { padding:1px;}
#newcourse02 td,#newcourse02 th { padding:3px;}


div.lead { width:500px; margin:10px auto;}
div.lead-center { width:500px; margin:10px auto; margin-left:auto; margin-right:auto;}

div.lead p { font-size:12px; text-indent:1em; line-height:140%; margin-bottom:5px;}
div.lead-center p { font-size:12px; text-indent:1em; line-height:140%; margin-bottom:5px; text-align:center;}
div.lead-center table { margin:0 auto; text-align:center;}

#news { width:270px; float:left;}

#news div.newsTop { background-image:url(../img/index_news_bg_top.jpg);
                    background-repeat:no-repeat;
					width:270px; height:32px;}
#news div.newsTop p { text-align:center; font-weight:bold; color:#FF6600; padding-top:6px;}
#news div.newsMid { background-image:url(../img/index_news_bg.jpg);
                    background-repeat:repeat-y;
                    width:270px;
                    height:auto;
                    text-align:left;}
#news div.newsBot { background:url(../img/index_news_bg_end.jpg);
                    background-repeat:no-repeat;
                    clear:both;
                    width:270px;
                    height:9px;}
#news .newslist { padding:10px 0px 0px 0px; margin:0px 0px 0px 10px;}
#news .newslist .list { background:url(../img/index_icon_news.gif) no-repeat;
                        padding:3px 10px 3px 0px;}
#news .newslist .list p { padding:0px 10px 0px 20px; margin:0px;}
#news .newslist .list .st { padding:0px 10px 0px 20px; margin:0px;
                            color:#FF6633; font-weight:bold;}
#news .newslist .list strong { color:#FF6633;}

ul.arrow li { background:url(../img/com_icon_arrow.gif) no-repeat;
              padding:0 0 12px 22px;}

			   
#news ul.newbaglelist { padding:5px 0px 5px 10px;}
#news ul.newbaglelist li { padding:2px 0px 2px 0px; line-height:16px;}
#news ul.newbaglelist li span { font-weight:normal;}

#cnt #pickup { width:220px; float:right;}
#cnt #pickup .pickupbox .photobox { float:left; padding:5px 10px 5px 0px;}
#cnt #pickup .pickupbox .combox { float:right; width:140px;}
#cnt #pickup .pickupbox .st { padding:0px 0px 3px 0px; color:#666633;}



/*-- any -----------------------------------------------------------------------*/
#cnt .any { width:500px; margin:10px 30px 10px 30px; height:auto;}


/*-- Q&A -----------------------------------------------------------------------*/
#cnt .questionlist { width:410px; margin:0px 0px 20px 20px;}
#cnt .questionlist li { background-image:url(../img/faq_icon_question.gif);
				        background-repeat:no-repeat;
				        background-position:0px 0px;
                        padding:3px 0px 3px 22px;}
#cnt .answerbox { width:490px;
                  background-image:url(../img/faq_answerbox_bg.gif);
                  margin:10px 20px 10px 20px;
				  line-height:1.5;
				  text-align:left;}
#cnt .answerboxTop { background:url(../img/faq_answerbox_bg_top.gif) no-repeat;
                     padding:10px;}
#cnt .answerboxBot { background:url(../img/faq_answerbox_bg_end.gif) no-repeat;
                     height:10px;
                     font-size:1px;}
#cnt .answerbox .question { background-image:url(../img/faq_icon_question.gif);
				            background-repeat:no-repeat;
				            background-position:0px 0px;
                            padding:3px 0 3px 22px;}
#cnt .answerbox .answer { background-image:url(../img/faq_icon_answer.gif);
				          background-repeat:no-repeat;
				          background-position:0px 0px;
                          padding:3px 0 3px 22px;} 

li span.linkComment { color:#666666; text-decoration:none; line-height:150%;}
div.left { float:left;}
div.right { float:right;}

ul.defult { list-style:disc; padding-left:5px; margin-left:20px;}
ul.defult li{ padding-bottom:3px;}

.freebox { width:460px; background-image:url(../img/freebox_bg.gif); margin:10px 20px; line-height:1.5;}
.freeboxTop { background:url(../img/freebox_bg_top.gif) no-repeat; padding:10px;}
.freeboxBot { background:url(../img/freebox_bg_end.gif) no-repeat; height:10px; font-size:1px; line-height:1px;}

img.mid { vertical-align:middle;}

.newbagle { padding:0px 20px 10px 30px; text-align:left;}
.newbagle p { padding:2px 0px 2px 0px; text-align:left;}
.newbagle ul.newbaglelist { padding:5px 0px 5px 10px;}
.newbagle li { padding:2px 0px 2px 0px; line-height:16px;
               list-style:disc; list-style-position:outside;}

/*-- champain --*/
.champain span { font-weight:normal;}
.champainbox { font-size:12px; line-height:18px; margin:0px 0px 10px 0px;}
.champainbox .st { font-weight:bold; font-size:14px; line-height:18px; padding:12px 0px 5px 0px;}
.champainbox .sst { font-weight:bold; padding:2px 0px 2px 0px;}
.champainbox .txt { font-size:12px; line-height:18px; padding:2px 0px 2px 20px; margin:0px;}
.champainbox .champainlist { margin:0px 10px 0px 20px;}
.champainbox .champainlist .list { margin:0px 0px 3px 0px; padding:0px;}


/*-- shop ------------------------------------------------------------------------------------------------------------*/
#cnt .pagetitle { margin:0px 0px 6px 0px; padding:20px 0px 0px 0px; text-align:center;}
#cnt .pagetitle h2 { padding:0px 0px 16px 0px;}
#cnt .navigation { padding:0px 20px 0px 20px; margin:0 0 10px 0;}
#cnt .navigation .alignleft { float:left;}
#cnt .navigation .alignright { float:right;}
#cnt .anybox { padding:20px 12px 20px 15px;}
#cnt .category { background-image:url(../img/cnt_bg_category.gif);
                 background-repeat:no-repeat;
				 background-position:0px 0px;
				 width:527px; height:27px;
				 margin:0px 0px 15px 19px;}
#cnt .category .txt { padding:6px 0px 0px 0px;
                      color:#ffffff; font-size:14px; line-height:16px; font-weight:bold; text-align:center;}

#cnt .baglelist { margin:0px 0px 0px 15px;}
#cnt .baglelist .list { width:180px; float:left; margin:0px 0px 15px 0px;}
#cnt .baglelist .baglebox { width:170px; height:196px;
                            background-image:url(../img/cnt_bg_baglelist.gif);
							background-repeat:no-repeat;
							background-position:0px 0px;}
#cnt .baglelist .bagleinfo { margin:0px 10px 0px 10px; padding:0px;
                             border:none; height:176px; width:150px;
							 text-align:center;}
#cnt .baglelist .bagleinfo td { margin:0px; padding:0px;
                                border:none; text-align:center;}
#cnt .baglelist .bagleinfo .photo { text-align:center; vertical-align:middle;}
#cnt .baglelist .bagleinfo .photo img { border-width:2px; border-style:solid; border-color:#dfd4c2; margin:10px 0 0 0;}
#cnt .baglelist .bagleinfo .name { height:36px; text-align:center; vertical-align:middle; 
                                   font-weight:normal;
								   font-size:12px; line-height:16px;}
#cnt .baglelist .bagleinfo .form { font-size:0px; line-height:1px; height:26px;}
#cnt .baglelist .bagleinfo .form  form { margin:0px; padding:0px; height:26px;}

#cnt .pageback { float:left; width:100px; text-align:left; padding:0px; margin:0px;}
#cnt .pageback p { padding:10px 0px 0px 5px;}
#cnt .pageback a { color:#000000; text-decoration:none;}
#cnt .pagenext { float:right; width:100px; text-align:right; padding:0px; margin:0px;}
#cnt .pagenext p { padding:10px 5px 0px 0px;}
#cnt .pagenext a { color:#000000; text-decoration:none;}
#cnt .infobtn { text-align:center;}
#cnt .infobtn img { margin:0px 5px 0px 5px;}

#cnt .detailbox { width:526px;
                  background-image:url(../img/cnt_bg_detailbox.gif);
				  background-repeat:repeat-y; 
				  background-position:0px 0px;
				  margin:0px 0px 0px 19px;}
#cnt .detailbox .top { font-size:0px; line-height:1px; height:5px;
                       background-image:url(../img/cnt_bg_detailbox_t.gif);
				       background-repeat:repeat-y; 
					   background-position:0px 0px;}				  
#cnt .detailbox .bottom { font-size:0px; line-height:1px; height:5px;
                          background-image:url(../img/cnt_bg_detailbox_b.gif);
				          background-repeat:repeat-y; 
					      background-position:0px 0px;}	
#cnt .detailbox .freecomentbox { padding:20px 20px 20px 20px; 
                                 color:#a78959;}
#cnt .detailbox .freecomentbox .title { font-size:18px; font-weight:bold; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px;}
#cnt .detailbox .freecomentbox img { border-width:2px; border-style:solid; border-color:#e2d8c8; margin:10px 10px 10px 10px;} 
	
#cnt .pagetop { text-align:center; text-decoration:underline;}
#cnt .pagetop a { color:#000000; text-decoration:underline;}