@charset "UTF-8";


@import url(common.css);


/* composition */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#container { background: #FFF url("../images/common/container-bg.gif") no-repeat left top; padding: 20px 0 10px 0; text-align: center;}
#container-inner { width: 710px; margin: 0 auto; text-align: left;}

/* imagetitle */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#submenu li { text-indent: -9999em; font-size: 2px;}


/* topimage */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#topimage { height:125px;}
body.conc #topimage { background: url("../images/concept/topimage.jpg") no-repeat left top;}
body.mott #topimage { background: url("../images/motto/topimage.jpg") no-repeat left top;}
body.menu #topimage { background: url("../images/menu/topimage.jpg") no-repeat left top;}
body.char #topimage { background: url("../images/charge/topimage.jpg") no-repeat left top;}
body.info #topimage { background: url("../images/information/topimage.jpg") no-repeat left top;}
body.cont #topimage { background: url("../images/contact/topimage.jpg") no-repeat left top;}
body.comp #topimage { background: url("../images/company/topimage.jpg") no-repeat left top;}
body.topi #topimage { background: url("../images/topics/topimage.jpg") no-repeat left top;}
body.wedd #topimage { background: url("../images/wedding/topimage.jpg") no-repeat left top;}


/* headline */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

/* h1 */
h1 { height: 35px; margin-bottom: 5px;}
#conc00 h1 { background: url("../images/concept/t-00.gif") no-repeat left top;}
#conctr h1 { background: url("../images/concept/t-tr.gif") no-repeat left top;}
#concti h1 { background: url("../images/concept/t-ti.gif") no-repeat left top;}
#mott00 h1 { background:  url("../images/motto/t-00.gif") no-repeat left top;}
#mottto h1 { background: url("../images/motto/t-to.gif") no-repeat left top;}
#mottya h1 { background: url("../images/motto/t-ya.gif") no-repeat left top;}
#mottve h1 { background: url("../images/motto/t-ve.gif") no-repeat left top;}
#mottfr h1 { background: url("../images/motto/t-fr.gif") no-repeat left top;}
#menu00 h1 { background:  url("../images/menu/t-00.gif") no-repeat left top;}
#menufo h1 { background:  url("../images/menu/t-fo.gif") no-repeat left top;}
#menude h1 { background:  url("../images/menu/t-de.gif") no-repeat left top;}
#menudr h1 { background:  url("../images/menu/t-dr.gif") no-repeat left top;}
#menual h1 { background:  url("../images/menu/t-al.gif") no-repeat left top;}
#char00 h1 { background:  url("../images/charge/t-00.gif") no-repeat left top;}
#charlu h1 { background:  url("../images/charge/t-lu.gif") no-repeat left top;}
#charde h1 { background:  url("../images/charge/t-de.gif") no-repeat left top;}
#chardi h1 { background:  url("../images/charge/t-di.gif") no-repeat left top;}
#charco h1 { background:  url("../images/charge/t-co.gif") no-repeat left top;}
#info00 h1 { background:  url("../images/information/t-00.gif") no-repeat left top;}
#infoac h1 { background:  url("../images/information/t-ac.gif") no-repeat left top;}
#infoma h1 { background:  url("../images/information/t-ma.gif") no-repeat left top;}
#infosi h1 { background:  url("../images/information/t-si.gif") no-repeat left top;}
#cont00 h1 { background:  url("../images/contact/t-00.gif") no-repeat left top;}
#comp00 h1 { background:  url("../images/company/t-00.gif") no-repeat left top;}
#topi00 h1 { background:  url("../images/topics/t-00.gif") no-repeat left top;}
#topien h1 { background:  url("../images/topics/t-00.gif") no-repeat left top;}
#wedd00 h1 { background:  url("../images/wedding/t-00.gif") no-repeat left top;}
#weddpa h1 { background:  url("../images/wedding/t-pa.gif") no-repeat left top;}


/* h2 */
h2 { background: url("../images/common/h2-bg.gif") no-repeat left top; height: 30px; padding: 0 30px; margin-bottom: 1em;}
*+html body #main h1, *+html body h2 { font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, sans-serif; font-weight: normal;}
h2 span { padding-top: 4px; display: block;}

/* h3 */
h3 { background: url("../images/common/p-cir-ygr.gif") no-repeat left center; padding-left: 18px; margin: 1em 0 0 0;}
h3 a { color: #191919; text-decoration: none;}
h3 img { vertical-align: middle;}

/* sub */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#submenu { padding-left: 5px;}
#submenu li { float: left; width: 140px; margin-right: 5px;}
#submenu a, #submenu strong { height: 21px; background-repeat: no-repeat; display: block;}
#submenu .m01 * { background-position: 0px 0px;}
#submenu .m02 * { background-position: -145px 0px;}
#submenu .m03 * { background-position: -290px 0px;}
#submenu .m04 * {  background-position: -435px 0px;}
#submenu .m05 * { background-position: -580px 0px;}

body.conc #submenu a { background-image: url("../images/concept/submenu.gif");}
body.mott #submenu a { background-image: url("../images/motto/submenu.gif");}
body.menu #submenu a { background-image: url("../images/menu/submenu.gif");}
body.char #submenu a { background-image: url("../images/charge/submenu.gif");}
body.info #submenu a { background-image: url("../images/information/submenu.gif");}
body.wedd #submenu a { background-image: url("../images/wedding/submenu.gif");}

body.conc #submenu a:hover, body.conc #submenu strong { background-image: url("../images/concept/submenu-on.gif");}
body.mott #submenu a:hover, body.mott #submenu strong { background-image: url("../images/motto/submenu-on.gif");}
body.menu #submenu a:hover, body.menu #submenu strong { background-image: url("../images/menu/submenu-on.gif");}
body.char #submenu a:hover, body.char #submenu strong { background-image: url("../images/charge/submenu-on.gif");}
body.info #submenu a:hover, body.info #submenu strong { background-image: url("../images/information/submenu-on.gif");}
body.wedd #submenu a:hover, body.wedd #submenu strong { background-image: url("../images/wedding/submenu-on.gif");}



/* root */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#root { margin-bottom: 20px;}


/* Menu */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

/* Photo */
body.menu ul.photo { background: url("../images/menu/photo-t.gif") no-repeat left top; padding-left: 85px; *padding-left: 80px; margin-bottom: 0;}
body.menu .photo li { float: left; margin: 0 0 5px 5px;}
body.menu p.photo-help { font-size: 85%; text-align: right;}

/* List */
body.menu .list dl { width: 335px; float: left; margin-right: 20px;}
body.menu .list dl.la { margin-right: 0;}
body.menu .list dt { background: url("../images/common/p-cir-ygr.gif") no-repeat left center; padding-left: 18px; border-bottom: 1px dotted #CCC; margin-bottom: 3px; color: #191919;}
body.menu .list dd { padding: 0 0 0 18px;}
body.menu .list dd.la { margin-bottom: 1em;}
body.menu .list .newmark { vertical-align: middle;}
body.menu .list dd a { background: url("../images/common/zoom.gif") no-repeat right center; padding-right: 56px;}
body.menu .list dd a:hover { background: url("../images/common/zoom-on.gif") no-repeat right center; color: #FF3300;}
body.menu .list dd img { vertical-align: middle; margin-left: 5px;}
.about-zoom { text-align: right; color: #999; font-size: 85%;}

/* menu00 */
#fair .cf { background: url("../images/menu/fair02.gif") no-repeat left bottom; margin-bottom: 5px;}
#fair .inner { width: 510px; float: right; padding-bottom: 10px;}
#fair .inner p { padding: 0 20px; margin-bottom: 0;}
#menu00 td span { color: #F00;}

#menude .bo,
#menufo .bo {
	background: #FFF1F1;
	border: 1px solid #FCC;
}

#menude .bo p,
#menufo .bo p {
	margin: 0;
	text-align: center;
}

/* Charge */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#char00 th, #char00 td { padding: 5px 10px; border: 1px solid #CCC;}
#char00 td { text-align: center;}
#char00 thead th, #char00 thead td { background: #E5E5E5; text-align: center;}
#char00 th.w { background: #DFEAC1; text-align: center;}
#char00 th.h { background: #DFEAEA; text-align: center;}
#charco .ebox h3 { margin-bottom: 0.5em;}
#charco .photo { width: 245px; float: right;}
#charco .photo li { float: left; margin-right: 5px;}
#charco .photo li.m { margin-top: 5px;}
#charco .photo li.la { margin-right: 0;}
#charco .data { width: 425px; float: left;}
#charco .data table { margin-bottom: 2px;}
#charco .ebox p span { color: #F30;}
#charco .ebox p strong { color: #F00;}
.rsv { text-align: right; margin-top: 1em;}

/* Information */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

/* Sightseeing */
#infosi .ebox li.cf { border-bottom: 1px dotted #CCC; margin-bottom: 0.5em; padding-bottom: 0.5em;}
#infosi .ebox li img { float: right; margin-left: 20px; border: 1px solid #CCC; padding: 1px;}
#infosi .ebox li.t a { background: url("../images/common/p-cir-egr.gif") no-repeat left center; padding-left: 15px; font-weight: bold;}
	
/* Company */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

	
/* Contact */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#contactbox { margin-bottom: 30px;}
#contactbox .tel { margin-top: 20px;}
#contactbox .mailopen { text-align: center;}
	
/* Topics */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#topi00 ul.entry li { border-bottom: 1px dotted #CCC; margin-bottom: 5px; padding-bottom: 5px;}
.pagenavi .p { width: 30%; float: left;}
.pagenavi .p a,
.pagenavi .b a { background: url("../images/common/navi01-ygr.gif") no-repeat left center; padding-left: 15px;}
.pagenavi .b { width: 30%; float: right; text-align: right;}
.pagenavi .l { text-align: center; margin: 0 30%;}
.pagenavi .l span { color: #F60; font-weight: bold;}
	
/* Wedding */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#wedd00co .box-a { background: url("../images/wedding/course02.jpg") no-repeat left top; min-height: 109px; *height: 109px; margin-bottom: 20px;}
#wedd00co .box-a p { padding-top: 15px; margin-bottom: 0; width: 350px;}
#wedd00co .box-b { background: url("../images/wedding/course04.gif") repeat-y left top; margin-bottom: 10px;}
#wedd00co .box-b-bg { background: url("../images/wedding/course05.gif") no-repeat left bottom;}
#wedd00co .course .inner { padding: 10px;}
#wedd00co .course h3 { background: none; padding: 0; margin: 0;}
#wedd00co .course li { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px; line-height: 1.2;}
#wedd00co .course li.la { border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
#wedd00co .course li span { font-size: 85%; color: #8c8c8c;}
#wedd00co .box-b .course { width: 340px; float: left;}
#wedd00co .box-b .course2 { float: right;}
#wedd00co .box-c .course { width: 440px; float: right;}
#wedd00co .box-c { background: url("../images/wedding/course06.gif") repeat-y right top; margin-bottom: 20px;}
#wedd00co .box-c .course { background: url("../images/wedding/course07.gif") no-repeat right bottom;}
#wedd00co .box-c p { float: left; margin: 0; padding: 0;}