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

/* ///////////////////////////////////////////// */
/* GENERAL //////////////////////////////////// */
body { text-align:center; padding:0px; margin:0px; background:url(../common/head_bg.gif) top center repeat-x; }
p, h1, h2, h3, h4, ul, ol, li { margin:0px; padding:0px; line-height:100%; font-weight:normal; }
ul { list-style:none; }
tr { vertical-align:top; }
a img { border:none; }

.img-right { margin:0px 0px 10px 15px; float:right; }
.img-left { margin:0px 15px 10px 0px; float:left; }

.red { color:#FF0000; }
.txt10 {font-size:10px; line-height:130%; }

.cap-right { font-size:10px; line-height:150%; text-align:right; }

#header { padding-bottom:15px; }
#wrapper { text-align:left; margin:-2px 0px 0px 0px; padding:15px 0px 0px 0px; background:url(../common/main_bg.png) center -20px repeat-y; }

#main { width:940px; margin:0px auto; padding:0px 20px 0px 20px; font-size:14px; color:#333; }

#left { float:left; width:242px; }
#left ul { margin-bottom:10px; }
#left .kumiai { background:url(../common/mn_bg01.gif) bottom no-repeat; padding:0px 0px 15px 0px; }
#left .show { background:url(../common/mn_bg02.gif) bottom no-repeat; padding:0px 0px 15px 0px; }
#left .kumiai li, #left .show li { margin:0px 0px 1px 6px; }
#left .kumiai .menu-tit, #left .show .menu-tit { margin:0px 0px 3px 0px; }
#left .other li { margin:0px 0px 3px 0px; }
#left .left-bana { padding-top:15px; border-top:dotted 1px #666; }
#left .left-bana li { margin:0px 0px 5px 0px; font-size:11px; color:#666666; line-height:14px; white-space:nowrap; }

#right { float:right; margin:0px 0px 0px 0px; width:680px; }

.pankuzu { text-align:left; font-size:12px; padding:15px 0px 10px 10px; }
.pankuzu a:link, .pankuzu a:visited { color:#333; text-decoration:underline; }
.pankuzu a:hover, .pankuzu a:active { color:#ccc; text-decoration:none; }


#contents { padding:20px 0px 0px 10px; }
#contents p { line-height:170%; margin-bottom:5px; }
#contents h3 { border-left:solid 17px #666666; font-weight:normal; margin-bottom:15px; padding-left:4px; }
#contents a:link, #contents a:visited { text-decoration:underline; color:#09C !important; }
#contents a:hover, #contents a:active { text-decoration:underline; color:#ccc !important; } 

.pagetop { text-align:right; padding:30px 0px; } 

.footer_bg { clear:both; background:url(../common/foot_bg.gif) center top repeat-x; height:50px; }
#footer { clear:both; background:#ffffff; height:100px; }
#footer ul { width:980px; margin:0px auto 0px auto; }
#footer li { display:inline; font-size:10px; border-right:solid 1px #333; padding:0px 5px; }

#footer li a:link, #footer li a:visited { text-decoration:underline; color:#333; }
#footer li a:hover, #footer li a:active { text-decoration:none; color:#999; border-bottom:solid 1px #999; }
.none { color:#999; }

.copyright { width:980px; margin:0px auto 0px auto; text-align:right; padding:20px 0px; }

.searchBox { }
.searchBox #___gcse_0 { }
.searchBox .gsc-control-cse{ padding:0 0 1em 0; }
.cse form.gsc-search-box, form.gsc-search-box { padding:0 !important; }

/* SNS BOX //////////////////////////////////////// */
.snsBox { clear:both; width:940px; max-width:100%;  margin:0 auto 0 auto; padding: 10px 20px; background:#FFF; }
.snsBox ul { }
.snsBox ul li { width:120px; float:right; }

/* TOP PAGE //////////////////////////////////// */
#top-header { height:375px; }
#top-header img { margin-top:10px; }

#top-wrapper { text-align:left; margin:-38px 0px 0px 0px; padding:50px 0px 0px 0px; background:url(../common/main_bg.png) center -20px repeat-y; }

#right-left { float:left; width:420px; margin-right:16px; }

.info { background:#fbfbfb; padding:0px 5px 0px 5px; margin:5px 0px 40px 0px; overflow:auto; height:270px; }
.info dl { margin:0px 0px 3px 0px; padding:4px 0px 4px 15px; line-height:130%; border-bottom:dotted 1px #666; background:url(../common/arrow-red.gif) 5px 10px  no-repeat; }
.info dt { margin:0px; padding:0px; }
.info dd { margin:0px; padding:0px; }
.info a:link { text-decoration:underline; }
.info a:hover { text-decoration:none; }
.info a:visited { text-decoration:underline; }
.info a:active { text-decoration:none; }
.top-outline { background:#fbfbfb; padding:0px 5px 0px 5px; margin:5px 0px 0px 0px; }
.top-outline dl { margin:0px 0px 3px 0px; padding:4px 0px 4px 8px; line-height:140%; border-bottom:dotted 1px #666; }
.top-outline dt { margin:0px; padding:0px; float:left; width:80px; }
.top-outline dd { margin:0px 0px 0px 85px; padding:0px; }

.bana { width:240px; float:right; }
.bana li { margin-bottom:5px; }
.fbBox { width:120px; float:left; }
.twBox { width:120px; float:right; }

/* OUTLINE //////////////////////////////////// */
.outline { padding:0px 5px 0px 5px; margin:5px 0px 0px 0px; }
.outline dl { margin:0px 0px 3px 0px; padding:4px 0px 4px 0px; line-height:150%; border-bottom:dotted 1px #666; }
.outline dt { margin:0px; padding:0px 0px 0px 7px; float:left; width:100px; border-left:solid 5px #6CF; display:block; }
.outline dd { margin:0px 0px 0px 120px; padding:0px; display:block; }

/* RIJI //////////////////////////////////// */
.riji table { width:100%; border-top:solid 1px #999; }
.riji tr { vertical-align:top; }
.riji td { border-bottom:solid 1px #999; padding:5px 0px 5px 0px; }
.riji .nengo { width:50px; padding:5px 0px 5px 20px; border-left:dotted 1px #999;}
.nenji { width:20px; text-align:right; }
.nen { width:17px; }
.seireki { width:70px; border-right:dotted 1px #999; }
.name { text-align:center; border-right:dotted 1px #999; }
.even { background:#F6F6F6; }
.now { background:#F4FDFF; font-weight:bold; color:#36C; }

.riji th { text-align:center; vertical-align:middle; border-right:solid 1px #999; border-bottom:solid 1px #999; background:#EFEFEF; }



/* ENKAKU //////////////////////////////////// */
.enkaku { padding:0px 5px 0px 5px; margin:5px 0px 0px 0px; }
.enkaku dl { margin:0px 0px 3px 0px; padding:4px 0px 4px 0px; line-height:120%; border-bottom:dotted 1px #666; }
.enkaku dt { margin:0px; padding:0px 0px 0px 7px; float:left; width:100px; border-left:solid 5px #6CF; display:block; }
.enkaku dd { margin:0px 0px 0px 120px; padding:0px; display:block; }



/* MEMBER //////////////////////////////////// */
.member { padding:0px 5px 0px 5px; margin:0px 0px 0px 0px; }
.member ul table { width:99%; border-left:solid 5px #6CF; border-top:solid 1px #ccc; }
.member ul tr { vertical-align:middle; }
.member ul td { padding:5px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.shop { background:#f9f9f9; width:35%; line-height:140%; }
.member-name { width:20%; text-align:center; }
.data01 { text-align:center; }
.member li { margin-bottom:7px; }

.submenu { text-align:center; margin:10px 0px; }
.submenu img { margin:0px 3px; }


/* LINK //////////////////////////////////// */
.link { padding:0px 5px 0px 5px; margin:5px 0px 0px 0px; }
.link dl { margin:0px 0px 3px 0px; padding:4px 0px 4px 0px; line-height:120%; border-bottom:dotted 1px #666; }
.link dt { margin:0px; padding:0px 0px 0px 7px; border-left:solid 5px #6CF; display:block; }
.link dd { margin:5px 0px 0px 13px; padding:0px; display:block; }


/* SHOW //////////////////////////////////// */
.show { padding:0px 5px 0px 5px; margin:0 0px 0px 0px; }
.show dl { margin:0px 0px 3px 0px; padding:4px 0px 4px 0px; line-height:120%; border-bottom:dotted 1px #666; }
.show dt { margin:0px; padding:0px 0px 0px 7px; float:left; width:100px; border-left:solid 5px #6CF; display:block; }
.show dd { margin:0px 0px 0px 120px; padding:0px; display:block; }


/* ACCESS //////////////////////////////////// */
.access { padding:0px 5px 0px 5px; margin:5px 0px 0px 0px; }
.map { border:solid 1px #cccccc; padding:20px; width:640px; margin-bottom:20px; }
.map img { margin-bottom:15px; }
.access #mapimg { margin-bottom:20px; }
.access_note {font-size:12px; }
.access table {margin-bottom:20px; }

/* PRIVACY //////////////////////////////////// */
.pricvacy { }
.privacy p { width:650px; margin-left:10px; }
.privacy ol { width:650px; margin-left:45px; margin-top:20px; }
.privacy li { margin-bottom:15px; }


/* MEMBER ONLY //////////////////////////////////// */
.memberonly { padding:0px 5px 0px 5px; margin:5px 0px 0px 0px; }
.memberonly dl { margin:0px 0px 3px 0px; padding:4px 0px 4px 0px; line-height:150%; border-bottom:dotted 1px #666; }
.memberonly dt { margin:0px; padding:0px 0px 0px 7px; float:left; width:100px; border-left:solid 5px #6CF; display:block; }
.memberonly dd { margin:0px 0px 0px 120px; padding:0px; display:block; }

/* COMPANY /////////////////////////////////////// */
.company { padding:0px 5px 0px 5px; margin:5px 0px 10px 0px; font-size:10px; }
.company table { margin:0px 0px 10px 0px; }
.company table td { padding:0px 5px 0px 0px; border-bottom:#f0f0f0 solid 1px; }
.company #material { text-align:right; font-size:12px; }
.company_pdf { width:658px; font-size:10px; margin:10px auto 20px auto; }
.company_pdf table td { border-bottom:none; }
.company h3 {font-size:16px; }
.company a:link { text-decoration:none; } !important
.company a:visted { text-decoration:none; } !important
.company a:hover { text-decoration:none; color:#999999;  } !important
.company a:active { text-decoration:none; } !important
/* MAP /////////////////////////////////////// */
.accessmap { width:640px; text-align:center; margin:0px auto; padding:15px 0px; }
.accessmap_btn { text-align:right;  }
.accessmap_btn a { color:#666666; text-decoration:underline; }
.accessmap_btn a:link { text-decoration:none; }
.accessmap_btn a:visted { text-decoration:none; }
.accessmap_btn a:hover { text-decoration:none; color:#999999;  }
.accessmap_btn a:active { text-decoration:none; }

/* schedule /////////////////////////////////////// */
.schedule { font-size:12px; }
.schedule table { border-right:#333333 solid 1px; border-top:#333333 solid 1px; }
.schedule table tr td { padding:5px 2px; border-bottom:#333333 solid 1px; border-left:#333333 solid 1px; }
.schedule_event { font-size:10px; }
.schedule_eventtit { font-size:16px; font-weight:bold; }
.schedule_b { font-weight:bold; font-size:16px; background-color:#eeffee; padding:5px 0px; line-height:18px;}
.schedule p { font-size:10px; color:#666666; line-height:12px; }
.schedule_btn { text-align:right; }

/* drawing ////////////////////////////////////// */
.drawing { width:658px; margin:0px auto; padding:10px; }
.drawing p {font-size:10px; text-align:left; line-height:15px; }
.close_btn { width:658px; text-align:right; padding:10px; margin:0px auto; font-size:12px; }

a:link { text-decoration:none; }
a:visted { text-decoration:none; }
a:hover { text-decoration:none; color:#999999;  }
a:active { text-decoration:none; }

.backNumberLink { font-size:14px; line-height:2em; }