@charset "UTF-8";
@import "reset.css";
@import "fonts.css";
@import "bootstrap-responsive.css";
@import "bootstrap.css";
/* =======================================

	Example CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Base Structure
	
	2.Header
		2-1.Site Title
		2-2.Header Navi
		
	3.Globalnavi

	4.MainImage
	
	5.Topicpath

	6.Contents
  6-2.KASOUPAGE

	7.Footer
	

========================================== */


/* 1.Base Structure
========================================== */
/* 1-1.Body
	---------------------------------------- */
body, html { background: url(../images/head_bg.png) repeat-x top left; }
body { width: 100%; font-size: 14px; color: #333; line-height: 1.5; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; }
/* 1-2.clearfix
	---------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* 1-3.commons
	---------------------------------------- */
a:link, a:visited { color: #3A63A0; text-decoration: none; text-decoration: underline;}
a:hover { color: #5782C1; text-decoration: underline; }
a.opacity:hover img, a.opacity:active img { -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); }
img a { border: none; }
.fit img{ width: 100%;}
img.nofit{ width: auto !important; max-width:none !important;}
.floatleft img{ float:left;}
.clear { clear: both; }
.over_hidden { overflow: hidden; }
.topmargin10 { margin-top: 10px !important; }
.topmargin20 { margin-top: 20px !important; }
.topmargin30 { margin-top: 30px !important; }
.topmargin40 { margin-top: 40px !important; }
.topmargin50 { margin-top: 50px !important; }
.topmarginnone { margin-top: 0px !important; }
.padding10{ padding-top: 10px !important;}
.padding20{ padding-top: 20px !important;}
.padding30{ padding-top: 30px !important;}
.bottommargin10 { margin-bottom: 10px; }
.bottommargin20 { margin-bottom: 20px; }
.bottommargin30 { margin-bottom: 30px; }
.bottommargin40 { margin-bottom: 40px; }
.bottommargin50 { margin-bottom: 50px; }
.price { color: #C09F47; font-size: 20px; font-weight: bold; text-align: right; font-family: Verdana, Helvetica, sans-serif; }
.gotop { text-align: right; margin: 20px 0 0 0; }
.border-top { border-top: 1px dotted #ccc; margin: 10px 0; padding: 10px 0; }
.border-bottom { border-bottom: 1px dotted #ccc; margin: 10px 0; padding: 10px 0; }
.unit { padding: 10px; }
.borderunit { padding: 10px; border-radius: 3px; border: 3px solid #ccc; }
.aside { margin: 5px; padding: 10px; background: #eee; font-size: 12px; border-radius: 3px; }
.borderunit-gold { border: 1px solid #B3A439; margin: 10px 0; padding: 10px; background: #fff; border-radius: 3px; }
.borderunit-gold3 { border: 3px solid #B3A439; margin: 10px 0; padding: 10px; background: #fff; border-radius: 3px; }
.borderunit-black { border: 1px solid #000; margin: 10px 0; padding: 10px; background: #fff; border-radius: 3px; }
.borderunit-white { border: 0px solid #fff; margin: 10px 0; padding: 10px; background: #fff; border-radius: 3px; }
/* 1-4.h
	---------------------------------------- */
h1 { font-size: 12px; }
h2 { font-size: 31px; color: #333; border-bottom: 1px dotted #666; margin: 20px 0 10px 0; font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}
h2.gold { font-size: 42px; color: #C1A844; border-bottom: 1px dotted #C1A844; }
h2 small { }
h3 { background: url(../images/h3_bg.png) repeat-x left top; color: #000; padding: 10px 0 0 0; margin: 40px 0 15px 0; font-size:28px; font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}
h3.top { font-size:14px; padding: 5px 0 0 0; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
h3 small { }
h4 { font-size: 20px; color: #A58D35; line-height: 1.3; font-weight:bold; border-top: 2px solid #A58D35; margin: 30px 0 10px; padding: 5px 0 5px 0; letter-spacing: 2px; }
h5 { font-size: 20px; color: #2C6FA5; line-height: 1; margin: 30px 0 10px; padding: 0 0 0px 0; font-weight: bold; letter-spacing: 2px; }
h6 { font-size: 16px; color: #333; line-height: 1.4; margin: 10px 0; font-weight:bold; padding: 7px 0 0 0; letter-spacing: 1px; border-top: 1px dotted #000; }
/* 1-5.ol
	---------------------------------------- */
/*ol*/
ol li { list-style-type: decimal; margin-left: 20px; }
/*===================================*/
/*dl*/
dl { overflow: hidden; }
dl dt { color: #AB9536; font-weight: bold; }
dl dd { }
dl dd.line{ clear: both; width: 100%; border-bottom: 1px dotted #999; padding: 0; margin: 10px 0; }
dl dd.margin10 { margin-bottom: 10px; padding: 5px; border-bottom: 1px dotted #666;}
/*===================================*/
/*ul*/
ul.list { }
ul.list li { list-style-position: inside; list-style: disc; margin: 0 0 0 20px; }
/* 1-8.fonts
	---------------------------------------- */
.c_white { color: #fff; }
.c_black { color: #000; }
.c_red { color: #E33D19; }
.c_pink { color: #FA023C; }
.c_yellow { color: #C8FF00; }
.c_gold { color: #A58D35; }
.c_gray666 { color: #666; }
.c_gray999 { color: #999; }
.c_blue{ color:#236BAD;}
.c_lightblue{ color:#3BBBBC;}
.f9 { font-size: 9px; }
.f10 { font-size: 10px; }
.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; line-height: 1.5; }
.f21 { font-size: 21px; line-height: 1.7; }
.f24 { font-size: 24px; line-height: 1.7; }
.f32 { font-size: 32px; line-height: 1.7; }
.f42 { font-size: 42px; line-height: 1.7; }
.fontbold { font-weight: bold; }
.fontnormal { font-weight: normal; }
.center { text-align: center; }
.right { text-align: right; }
.left { text-align: right; }
.bgblue { background-color: #DDEEFF; }
.bgofwhite { background-color: #E8E3C4; }
.bggray { background-color: #eee; }
.bggold { background-color: #F1EED1; }
.bgmesh{ background: url(../images/top_topics_bg.png);}
.mincho { font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif; }
.reed { font-size:24px;}
/* 4.MainImage
========================================== */
/* ------ Mainvisual ------ */
#mainImage { width: 100%; background: url(../images/mainimage.jpg) center top no-repeat; height: 610px; position: relative; }
/* 2.Header
========================================== */
/* header */
#header { width: 980px; height: 105px; margin: auto; position: relative; }
#header h1 { position: absolute; left: 270px; top: 3px; width: 400px; height: 20px; font-size:10px; padding: 5px 0 0 10px; line-height:1.4;}
#header #header_title { position: absolute; left: 0px; top: 3px; width: 400px; height: 20px; font-size:13px; padding: 5px 0 0 0px; line-height:1;}
#header #header_logo { position: absolute; left: 0px; top: 0px; width: 187px; height: 90px; }
#header #head_line { position: absolute; right: 343px; top: 0px; width: 90px; height: 29px; }
#header #head_btn1 { position: absolute; right: 274px; top: 0px; width: 64px; height: 29px; }
#header #head_btn2 { position: absolute; right: 119px; top: 0px; width: 150px; height: 29px; }
#header #head_btn3 { position: absolute; right: 0px; top: 0px; width: 114px; height: 29px; }
#header #head_tel { position: absolute; right: 0px; top: 55px; width: 340px; height: 31px; }
/* 2-1.Site Title
	---------------------------------------- */
/* 2-2.Header Navi
	---------------------------------------- */

/* 3.Globalnavi
========================================== */
#globalnavi { background: url(../images/globalnavi_bg2.png) repeat-x; height: 36px; }
#globalnavi > ul { width: 980px; margin: 0 auto; overflow: hidden; }
#globalnavi > ul > li { float: left; display: block; height: 36px; }


#notics_main_bg { width: 100%; background: url(../images/top_topics_bg.png); height: 105px; position: absolute; bottom: 0; }
#notics_main { width: 980px; margin: auto; }
#notics_main h2 { display: block; color: #C1A844; font-size: 16px; width: 100px; float: left; font-weight: bold; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;  border-bottom: 0px dotted #666;}
#notics_main dl { display: block; overflow: hidden; width: 880px; float: left; margin: 20px 0 0 0; }
#notics_main dl dt { clear: left; float: left; width: 100px; font-size: 12px; background: url(../images/icon_arrow_blue.png) no-repeat 2px center; padding: 0 0 0 15px; margin: 0 0 5px 0; }
#notics_main dl dd { float: left; font-size: 12px; margin: 0 0 5px 0; width: 765px; }
#notics_main dl dd a { color: #fff; }
#KASOU_notics_main_bg { width: 100%; background: url(../images/top_topics_bg.png); height: auto; margin: 30px 0 0 0; }
#KASOU_notics_main { width: 670px; margin: auto; padding: 10px; }
#KASOU_notics_main h2 { display: block; color: #C1A844; font-size: 16px; font-weight: bold; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;  border-bottom: 1px dotted #fff;}
#KASOU_notics_main dl { display: block; overflow: hidden; }
#KASOU_notics_main dl dt { clear: left; float: left; width: 100px; font-size: 12px; background: url(../images/icon_arrow_blue.png) no-repeat 2px center; padding: 0 0 0 15px; margin: 0 0 5px 0; }
#KASOU_notics_main dl dd { float: left; font-size: 12px; margin: 0 0 5px 0; width: 555px; }
#KASOU_notics_main dl dd a { color: #fff; }
#examination_list { overflow: hidden; }
#examination_list ul { width: 210px; float: left; margin: 0 0 0 20px; }
#examination_list ul li { list-style-image: url(../images/icon_arrow_black.png); }
/* 5.Topicpath
========================================== */

/* 7.Footer
========================================== */
#footer { width: 100%; background: #000; margin: 0; }
#footer > #footer_in { width: 980px; margin: auto; overflow: hidden; padding: 10px 0; }
#footer > #footer_in .box { width: 152px; min-height: 180px; padding: 0 0 0 10px; float: left; border-left: 1px dotted #fff; }
#footer > #footer_in .box_big { width: 316px; min-height: 180px; padding: 0 0 0 10px; float: left; border-left: 1px dotted #fff; }
#footer > #footer_in a { color: #fff; font-size: 12px; }
#footer > #footer_in ul { display: block; float: left; margin: 0 0 0 20px; }
.gotoTopBtn { width: 100%; text-align: right; }
#copy { width: 280px; text-align: center; margin: auto; padding: 10px 0; font-size: 12px; }
/* 6.Contents
========================================== */
.contents { width: 980px; height: auto; margin: 0 auto; overflow: hidden; }
#wrapper { width: 980px; margin: auto; overflow: hidden; }
#top_rightarea { width: 250px; height: auto; float: right; margin: 20px 0 0 40px; }
#top_leftarea { width: 690px; margin: 17px 0 0 0; padding: 0; float: left; }
#KASOU_leftarea{ width: 160px; margin: 40px 20px 0 0 ; padding: 0; float: left; }
#KASOU_rightarea { width: 800px; height: auto; float: right; margin: 40px 0 0 0; }

/*6.2TOP_contents
--------------------------------------*/
/*カルーセル*/
/* ------ Mainvisual ------ 
#mainvisual { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }
#mainvisual-inner { position: relative; width: 690px; padding-left: 50%; }
#mainvisual-inner .img { display: none; float: left; }
#mainvisual-arrow { position: absolute; z-index: 200; width: 100%; top: 50%; left: 0; margin-top: -10px; }
#mainvisual-arrow-inner { position: relative; width: 100%; max-width: 1100px; margin: 0 auto; }
#mainvisual-arrow .prev, #mainvisual-arrow .next { position: absolute; width: 27px; height: 27px; overflow: hidden; }
#mainvisual-arrow .prev { left: 3%; }
#mainvisual-arrow .next { right: 3%; }
#mainvisual-arrow a { display: block; width: 27px; height: 54px; }
#mainvisual-arrow a:link, #mainvisual-arrow a:visited { margin-top: 0px; }
#mainvisual-arrow a:hover, #mainvisual-arrow a:active { margin-top: -27px; }
#mainvisual-arrow a img { vertical-align: top; }
#mainvisual-btn { width: 100%; height: 10px; margin-top: 10px; text-align: center; }
#mainvisual-btn div { display: inline-block; width: 10px; height: 10px; margin: 0 8px; overflow: hidden; vertical-align: top; }
#mainvisual-btn div {  *display: inline;}
#mainvisual-btn span { display: block; width: 10px; height: 20px; }
#mainvisual-btn span.current { margin-top: -10px; }
#mainvisual-btn img { vertical-align: top; }*/

.mainbanner ul li{ margin: 0 0 10px 0;}

#notics  { overflow: hidden; margin-bottom: 0px; }
#notics div.thamnail { border-left: 1px solid #666; padding: 0 0 0 2px; display: block; width: 250px; height:80px; overflow:hidden; position:relative; margin: 15px 0 0 0;}
#notics div.thamnail img{ width:100%; max-width:none;}
#notics div.diaryarticle{ border-left: 1px solid #666; font-size:12px; padding: 0 0 0 5px;}

#top_about { overflow: hidden; }
#top_about .text { width: 345px; float: left; font-size: 12px; }
#top_about .image { width : 345px; float: right; }

#outline #outline_gaiyou_bg { background:url(../images/outline_image01.png) no-repeat center top; min-height:650px;}
#outline #outline_gaiyou { width: 980px; margin: auto;}
#outline #outline_gaiyou p{ width: 800px;}

#outline .keireki { overflow:hidden;}
#outline .keireki dl dt{ width: 90px; float:left;}
#outline .keireki dl dd{ width: 700px; float:right;}
#outline .keireki dl dd.line { clear: both; width: 100%; border-bottom: 1px dotted #999; padding: 0; margin: 10px 0; }

#katsudonaiyo .borderunit{ min-height:300px;}
#katsudonaiyo .image{ overflow:hidden;}

ul.sidenav{ border-top: 2px solid #000;}
ul.sidenav li{ border-bottom:1px dotted #B9B9B9; background:url(../images/sidenav_bg.png) no-repeat right center;}
ul.sidenav li a:link,.sidenav ul li a:visited{ display:block; padding: 10px; }
ul.sidenav li a:hover,.sidenav ul li a:active{ background: #D3D3D3;}


#examination #examination_gaiyou_bg { background:url(../images/examination_image01.png) no-repeat center top; min-height:650px;}
#examination #examination_gaiyou { width: 980px; margin: auto;}
#examination #examination_gaiyou p{ color:#fff;}
#examination #examination_gaiyou p.box{ background:url(../images/top_topics_bg.png); padding: 20px 40px;}

.point { overflow:hidden;}
.point li{ display: table-cell; width: 20%; background:#A58D35; color:#fff; font-size:20px; line-height:1.4; text-align:center; padding: 10px; float:left; margin: 10px; border-radius:5px; min-height:60px; font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}


#membership_system #membership_system_gaiyou_bg { background:url(../images/membership_system_image01.png) no-repeat center top; min-height:650px;}
#membership_system #membership_system_gaiyou { width: 980px; margin: auto;}
#membership_system #membership_system_gaiyou p{ padding: 0 0 0 380px;}
#membership_system #membership_system_gaiyou p.box{ background:url(../images/top_topics_bg.png); padding: 20px 40px;}
#membership_system #membership_system_gaiyou .voice_banner{ width: 600px; padding: 20px 0 0 380px;}
#membership_system h4{ font-size:24px;}
#membership_system ol li{ font-size:16px; margin: 10px 0 0 25px;}

#membership_system #matrix td{ text-align:center; font-weight:bold; font-size:18px;}
#membership_system #matrix th.ttl{ text-align:center; font-size:18px; font-weight:normal;}
#membership_system #matrix td.bggray,#membership_system #matrix th.bggray { background-color: #eee !important; }
#membership_system #matrix td.bggold,#membership_system #matrix th.bggold { background-color: #F1EED1 !important; }

#membership_system .system_category{}
#membership_system .membership_badge{}
#membership_system .membership_badge img{ width: 100px;}

#membership_system #houjinform th{ background:#A58D35; color:#fff; vertical-align:middle;}


#members #areanav ul { overflow:hidden;}
#members #areanav ul li{ float:left; margin: 3px 1px 0 0; text-align:center; line-height:1.3; min-width:85px;}
#members #areanav ul li a:link,#members ul li a:visited{ display:block; background:#000; color: #fff; padding: 7px 12px 4px;}
#members #areanav ul li a:hover,#members ul li a:active{ display:block; background:#666; color: #fff; text-decoration:none; padding: 7px 12px 4px;}

#members table th{ width:30%;}
#members table th.mini { width: 15%;}

#members #membershop .reed{ font-size:24px; color:#666;  font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}
#members #membershop .shop_photo { overflow:hidden;}
#members #membershop .shop_photo ul li{ display:block; width: 326px; float:left;}
#members #membershop .shop_photo2 ul li{ display:block; width: 50%; float:left;}
.ERR{ color: #DF0003;}

#fb_likebox { margin:10px 0 0 0; border: 1px solid #ddd;}
#fb_likebox iframe{ width: 250px; height:720px; border:none;}


#material #material_gaiyou_bg { background:url(../images/material_image01.png) no-repeat center top; min-height:720px;}
#material #material_gaiyou { width: 980px; margin: auto;}
#material #material_gaiyou p{ width: 800px;}
#blackkitarea{ background:url(../images/material_image05.png) no-repeat left top; width : 980px; height: 537px;}
#blackkitarea p{ padding: 20px 0 0 400px;}

#apply table th{ width: 210px;}


#voice #voice_gaiyou_bg { background:url(../images/voice_image01.png) no-repeat center top; min-height:650px;}
#voice #voice_gaiyou { width: 980px; margin: auto;}
#voice #voice_gaiyou h2{ color:#fff; border-bottom: 1px dotted #fff;}

#voice #voice_gaiyou div.reed{ margin: 320px 0 0 0 ; font-size: 32px; font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif; color:#fff;}
#voice #voice_gaiyou p{ color:#fff; font-size:14px;}
#voice #voice_gaiyou p.box{ background:url(../images/top_topics_bg.png); padding: 20px 40px;}
#voice h3{ padding: 10px 0 0 0; margin: 20px 0 0px 0;}

#snsfb iframe{ display:block; float:right; width: 120px; height:25px; padding: 8px 0 0 5px; border:none; overflow:hidden;}
#snsgoogle{ display:block; float:right; padding: 8px 0 0  5px; border:none; overflow:hidden;}
#snsline{ display:block; float:right; padding: 8px 0 0  5px; border:none; overflow:hidden;}
#snstwitter{ display:block; float:right; padding: 8px 0 0  5px; border:none; overflow:hidden;}

#contest #listpanel{ overflow:hidden; margin: 20px 0 0 0;}
#contest #listpanel ul li{ display:block; overflow:hidden; width: 306px; margin: 0 20px 20px 0; float:left; border-bottom: 1px solid #000;}
#contest #listpanel ul li div.img{ height:300px; overflow:hidden;}
#contest #listpanel ul li img{ width:300px; max-width:none;}
#contest #listpanel ul li p.ttl{ font-weight:bold; padding: 10px 0 0 0;}
#contest #listpanel ul li p.date{ font-weight:bold;}
#contest #listpanel ul li p.readmore{ text-align:right; font-weight:bold;}


#event_20140701_02{ background:url(../images/event_20140701_02.jpg) no-repeat left top; min-height:484px;}
#event_20140701_02 p.ttl{ font-size: 34px; color:#4A91CC; width: 650px; padding: 10px 0 0 0;}
#event_20140701_02 p.text{ font-size: 18px; color:#3079AE; width: 650px; line-height:1.3; margin-bottom: 0px;}
#event_20140701_03{ background:url(../images/event_20140701_03.jpg) no-repeat left top; min-height:931px; margin: 0;}
#event_20140701_03 p.text01{ padding: 154px 0 0 0; font-size:18px; line-height:1.2;}
#event_20140701_03 p.text02{ padding: 440px 0 0 0; font-size:18px; width: 500px; line-height:1.5; margin-bottom: 0px;}
#event_20140701_04{ background:url(../images/event_20140701_04.jpg) no-repeat left top; min-height:673px;}
#event_20140701_04 p.text04{ padding: 340px 0 0 456px; margin-bottom: 0px; font-size:18px;}
#event_20140701_07{ background:url(../images/event_20140701_07.jpg) no-repeat right top; min-height:286px;}
#event_20140701_07 div.text05{ background:#D3F7FC; border-radius:5px; width: 660px; padding: 20px; font-size:18px;}


#event_20141021_02{ background:url(../images/event/event_20141021_02.png) no-repeat left top #FF8000; padding: 0 400px 10px 10px;}
#event_20141021_02 p.title{ font-weight:normal; font-size:42px; color: #000; line-height:1.2;}
#event_20141021_02 p{ font-weight:bold; color: #000;}
#event_20141021_04{ background:url(../images/event/event_20141021_04_bg.png); padding: 10px;}
#event_20141021_04 p{ color:#fff; font-weight:bold; font-size:18px;}
#event_20141021_06{ background:url(../images/event/event_20141021_06.png) no-repeat left top; padding: 20px 520px 10px 10px;}
#event_20141021_06 p.title{ font-weight:normal; font-size:40px; color: #000; line-height:1.4;}
#event_20141021_06 p{ font-weight:bold; color: #000; font-size:20px;}

#event_20141105 .system_category{ min-height:500px;}

#faq .faq dt{ background: url(../images/faq_q.jpg) no-repeat left top; min-height:50px; padding: 30px 0 0 85px; font-size:24px; font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}
#faq .faq dd{ background: url(../images/faq_a.jpg) no-repeat left top; min-height:80px; margin: 10px 0 30px 0; padding: 0 0 20px 0; border-bottom: 1px dashed #999;}
#faq .faq dd p{ padding: 10px 0 0 85px; font-size:18px;}

#event_20140624_06{ background:url(../images/event_20140624_06.jpg) no-repeat left top; width: 980px; min-height:652px; padding: 0 0 20px 0;}
#event_20140624_06 .ttl{ font-size:22px; color:#fff; padding: 190px 0 0 40px ; width: 500px; font-family: Georgia, 'Droid Sans', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;}
#event_20140624_06 .text{ font-size:16px; color:#fff; padding: 20px 0 0 40px ; width: 450px;}

.youtube{ margin: 10px 0 0 0; line-height: 0;}

#weddingbellinfo { position:relative;}
#weddingbellinfo .photo{ position:absolute; top: -10px; right: 10px; width: 340px;transform: rotate(-5deg);}


.submitBtn{ padding: 5px 40px; background-color:#000000; color:#fff; border:none;}



#event_20141118 .event_20141118_03{ background: url(../images/event/event_20141118_03.png) no-repeat; width:980px; height:653px; position:relative;}
#event_20141118 .event_20141118_03 p{ display: block; color: #fff; position: absolute; width: 470px; top: 53px; left: 255px; font-size: 20px; }


#event_20141118 .event_20141118_08{ background: url(../images/event/event_20141118_08.png) no-repeat; width:980px; height:870px; position:relative;}
#event_20141118 .event_20141118_08 p.text01{ display:block; position:absolute; width: 540px; top: 40px; right: 10px; font-size:28px;}
#event_20141118 .event_20141118_08 p.text02{ display:block; position:absolute; width: 540px; top: 160px; right: 10px;}
#event_20141118 .event_20141118_08 p.text03{ display:block; position:absolute; width: 350px; bottom: 40px; right: 10px;}

#event_20141118 .event_20141118_09{ background:url(../images/event/event_20141118_09.png) no-repeat; width:980px; height:500px; position:relative;}
#event_20141118 .event_20141118_09 p{ display:block; color:#fff; position:absolute; width: 500px; top: 200px; right: 10px;}

#event_20160302 .event_20160302_03{ background:#F6F4DB; padding: 3% 2%; overflow:hidden; display:flex; margin: 40px 0;}
#event_20160302 .event_20160302_03 .left{ text-align:left; width:39%; padding: 0 1% 0 0;}
#event_20160302 .event_20160302_03 .right{ text-align:left; width:60%;}
#event_20160302 .event_20160302_03 .right p img{ margin: 0 10px 0 0; }
#event_20160302 .event20160302_04 { background:url(../images/event/event20160302_04.png)  center top no-repeat; background-size: cover; padding: 120px 40px 40px 40px;}
#event_20160302 .event20160302_04 p.ttl{ color:#ffffff; font-size:24px; text-align:center;}
#event_20160302 .event20160302_04 .whitebox{ background: rgba( 255,255,255,0.9); padding:30px; border-radius:5px; overflow:hidden; margin:20px 0 0 0;}
#event_20160302 .event20160302_04 .whitebox dl dt{ font-size:20px; color:#FF3336; line-height:1.4;}
#event_20160302 .event20160302_04 .whitebox dl dd{ font-size:16px; margin: 0 0 20px 0; padding: 0 0 0 20px; line-height:1.4;}
#event_20160302 ul { max-width:600px; margin:30px auto 0;}
#event_20160302 ul li{ list-style:url(../images/event/event20160302_list.png) outside; font-size:22px; margin:0 0 20px 30px;}

.event20160302_06_box{ background:#F6F4DB}
.event20160302_06_box_inner { background:#F6F4DB; padding:2%; display:flex; margin:40px 0 0 0;}
.event20160302_06_box_inner .box{ background:#ffffff; padding: 3%; margin: 0 1% 0 1%;}
.event20160302_06_box_inner .box p{ margin: 30px 0 0 0;}

.event20160302_06_box02{ background:#F6F4DB}
.event20160302_06_box02_inner { background:#F6F4DB; padding:2%; margin:10px auto 0;}
.event20160302_06_box02_inner .box{ background: #ffffff; width: 430px; padding: 10px; margin: 0 auto; float: left; height: 420px; border: 10px solid #F6F4DB;}

#joining .boxbg{ background:#eee; border-radius:4px;}
#joining .title{ font-size:22px;}
#joining .title2{ font-size:32px; border-top: 1px solid #000; text-align:center; margin:20px 0 0 0;}
#joining .title3{ font-size:22px; background:#545454; text-align:center; color:#fff; margin:10px 0 0 0;}
#joining .reed{ font-size:18px;}
#box01{ background-image:url(../images/member_join_num01.png), url(../images/member_join_bg01.png); background-repeat: no-repeat, no-repeat; background-position: left 10px, right 10px; padding: 20px 130px 20px 70px;}
#box02{ background-image:url(../images/member_join_num02.png), url(../images/member_join_bg02.png); background-repeat: no-repeat, no-repeat; background-position: left 10px, right 10px; padding: 20px 130px 20px 70px;}
#box03{ background-image:url(../images/member_join_num03.png), url(../images/member_join_bg03.png); background-repeat: no-repeat, no-repeat; background-position: left 10px, right 10px; padding: 20px 130px 20px 70px;}
#box04{ background-image:url(../images/member_join_num04.png), url(../images/member_join_bg04.png); background-repeat: no-repeat, no-repeat; background-position: left 10px, right 10px; padding: 20px 130px 20px 70px; min-height:120px;}
#box05{ background-image:url(../images/member_join_num05.png), url(../images/member_join_bg05.png); background-repeat: no-repeat, no-repeat; background-position: left 10px, right 10px; padding: 20px 130px 20px 70px; min-height: 71px;}

.table-joining { width: 100%;}
.table-joining td{ padding:10px; border-top:1px solid #000;}
.table-joining td.reed{ border-right:1px solid #000; text-align:center; width:50%;}

#certification .title3{ font-size:22px; background:#545454; color:#fff; margin:10px 0 0 0; padding: 5px 10px;}

#certification dl dt{ float: left; display:block; padding: 0 20px 0 0;}
#certification dl dd{ float: left;}
#certification dl dd.line { clear: both; width: 100%; border-bottom: 1px dotted #999; padding: 0; margin: 10px 0; }
.class_1{ color:#A58C34;}
.class_2{ color:#535353;}
.class_3{ color:#E33D19;}



#top_bnrs{ background:#eeeeee; margin: 0px auto; padding: 20px 0; overflow:hidden;}
#top_bnrs ul{ overflow:hidden; width: 980px; margin: 0px auto;}
#top_bnrs ul li{ float:left; width: 19%; margin: 0 1% 0 0;}

#membership_school .tokuten{ background:url(../images/membership_school_03.jpg) no-repeat center top; margin:30px 0 0 0;}
#membership_school .tokuten .tokuten_text .reed{ text-align:center; display:block; font-size:32px;}
#membership_school .tokuten .tokuten_text{ width: 430px; padding: 20px 30px 20px 520px; color:#ffffff;}

#membership_school .tokuten .tokuten_text dl dt{ color:#ffffff; margin: 15px 0 5px 0; font-size:15px;}

#membership_school #flow .boxbg{ border: 1px solid #65652E; margin:20px 0  0 0;}
#membership_school #flow  .title{ font-size:22px; color:#65652E;}
#membership_school #flow  #box01{ background: url(../images/membership_school_num01.jpg) no-repeat 15px 10px; padding: 20px 10px 20px 70px;}
#membership_school #flow  #box02{ background: url(../images/membership_school_num02.jpg) no-repeat 15px 10px; padding: 20px 0px 20px 70px;}
#membership_school #flow  #box03{ background: url(../images/membership_school_num03.jpg) no-repeat 15px 10px; padding: 20px 0px 20px 70px;}
#membership_school #flow  #box04{ background: url(../images/membership_school_num04.jpg) no-repeat 15px 10px; padding: 20px 0px 20px 70px;}
#membership_school #flow  #box05{ background: url(../images/membership_school_num05.jpg) no-repeat 15px 10px; padding: 20px 0px 20px 70px;}


#membership_school #flow .arrow { text-align:center; line-height:0;}

#contest_20150825 table th,#contest_20150825 table td{ vertical-align:middle;}
#contest_20150825_2 table th{ text-align:center; vertical-align:middle;}

#examination_bjappeal07 { background:#2DC1A8; text-align:center; padding: 40px 0 ; margin:30px 0 0 0;}
#examination_bjappeal13 { overflow: hidden;}
#examination_bjappeal13  .box{ width:29%; margin: 0 2% 2% 0; min-height:250px; padding: 1%; float:left; background:#C1A844; color:#ffffff; border-radius:6px;}
#examination_bjappeal13  .box2{ width:46%; margin: 0 2% 0 0; min-height:230px; padding: 1%; float:left; background:#C1A844; color:#ffffff; border-radius:6px;}
#examination_bjappeal13 h4{ color: #ffffff; line-height: 1.3; font-weight:bold; border-top: 2px solid #ffffff;}

#examination_bjappeal14 .box{ margin:20px 0 0 0;}

#examination_bjappeal14 .box .cat{ color:#01947E; font-size:16px;}
#examination_bjappeal14 .box .name{ color:#01947E; font-size:21px;}
#examination_bjappeal14 .box .place{ color:#01947E; font-size:16px;}
#examination_bjappeal14 .box .text { border-top:1px solid #01947E; overflow:hidden;}
#examination_bjappeal14 .box .text .midashi{ color:#01947E; font-weight:bold; margin:20px 0 0 0;}
#examination_bjappeal14 .box .text .pull-right img { margin: 10px 0 0 10px;}

#examination_bjappeal19 { background:#2DC1A8; text-align:center; padding: 40px 0 ; margin:40px 0 0 0 ;}

#examination_bjappeal19 .box{ width: 95%; margin:30px auto 0; border-bottom: 3px dotted #ffffff; text-align:left; padding:0 0 20px 0; color:#ffffff; overflow: hidden;}
#examination_bjappeal19 .box .ttl{ font-size:22px;}




#examination_schoolselect04 li{ margin: 0 0 10px 0;}
#examination_schoolselect05 dl dt { font-size:24px; color: #FA023C; line-height: normal;}
#examination_schoolselect05 dl dd{ margin:0 0 20px 20px; font-size:16px;}



.sitemap li{margin-top:10px;}
.sitemap li ul li{margin-top:5px;}
.sitemap li:before{content:"■"; margin-right:5px; color:#C1A844;}
.sitemap li ul li:before{content:"・"; margin-right:0; color:#C1A844; margin-left:15px;}
