@charset "utf-8";

/* ##################################### common.css ##################################### */

/* *********************** structure *********************** */
/* ++++++ base  ++++++ */
#base { width:950px; margin:0 auto; background:#fff; }

/* ========================== header ========================== */
#headerTop { height:14px; padding:5px 3px; background:#013e80; color:#d2e3f6; line-height:1.2em; }
#headerTop h1 { float:left; font-size:10px; font-weight:normal; }
#headerTop p.navi { float:right; margin:0; }
#headerTop a:link, #headerTop a:visited { color:#d2e3f6; text-decoration:underline; }
#headerTop a:hover { color:#fff; text-decoration:underline; }

#header { width:930px; padding:10px; }

/* ========================== global menu ========================== */
#globalMenu { clear:both; width:930px; height:41px; margin-bottom:5px; padding:0 10px; }
#globalMenu ul {}
#globalMenu li { display:block; float:left; height:36px; text-indent:-9999px; overflow:hidden; }
#globalMenu li a, #globalMenu li a:hover { display:block; height:36px; }

#globalMenu li.home, #globalMenu li.home a { width:92px; background: url(../img/globalMenu.gif) 0 0; }
#globalMenu li.home a.on, #globalMenu li.home a:hover { background: url(../img/globalMenu.gif) 0 -36px; }
#globalMenu li.making, #globalMenu li.making a { width:166px; background: url(../img/globalMenu.gif) -92px 0; }
#globalMenu li.making a.on, #globalMenu li.making a:hover { background: url(../img/globalMenu.gif) -92px -36px; }
#globalMenu li.renewal, #globalMenu li.renewal a { width:217px; background: url(../img/globalMenu.gif) -258px 0; }
#globalMenu li.renewal a.on, #globalMenu li.renewal a:hover { background: url(../img/globalMenu.gif) -258px -36px; }
#globalMenu li.results, #globalMenu li.results a { width:114px; background: url(../img/globalMenu.gif) -475px 0; }
#globalMenu li.results a.on, #globalMenu li.results a:hover { background: url(../img/globalMenu.gif) -475px -36px; }
#globalMenu li.price, #globalMenu li.price a { width:114px; background: url(../img/globalMenu.gif) -589px 0; }
#globalMenu li.price a.on, #globalMenu li.price a:hover { background: url(../img/globalMenu.gif) -589px -36px; }
#globalMenu li.company, #globalMenu li.company a { width:114px; background: url(../img/globalMenu.gif) -703px 0; }
#globalMenu li.company a.on, #globalMenu li.company a:hover { background: url(../img/globalMenu.gif) -703px -36px; }
#globalMenu li.inquiry, #globalMenu li.inquiry a { width:113px; background: url(../img/globalMenu.gif) -817px 0; }
#globalMenu li.inquiry a.on, #globalMenu li.inquiry a:hover { background: url(../img/globalMenu.gif) -817px -36px; }

#globalMenu_bottom { clear:both; height:5px; margin-bottom:3px; background:url(../img/globalMenu_bottom.gif) repeat-x; }

#globalMenu .reset { }

/* ++++++ bred crumb ++++++ */
#crumb { clear:both; margin:0 15px 0 0; text-align:right; }
#crumb li { display:inline; font-size:12px; line-height:1.2em; }
#crumb li.on { }
#crumb .arw { padding-left:11px; background:url(../img/arw02.gif) no-repeat 0 2px; }
#crumb a:link, #crumb a:visited { text-decoration:none; }
#crumb a:hover { text-decoration:none; }

/* ++++++ content ++++++ */
#content { clear:both; width:920px; margin-bottom:0; padding:0 15px; background: url(../img/content.gif) repeat-y 15px 0; }
#content #L { float:left; width:190px; }
#content #L img { margin-bottom:10px; }
#content #R { float:right; width:710px; padding:5px 0 0 0; }
#content #R p { margin:0 0 12px 0; padding:0 5px 0 10px; }
#content #R p.end { margin-bottom:30px; }

.contentIn { width:670px; margin-bottom:10px; padding:0 0 0 40px; }
.contentIndent { width:630px; padding:0 0 20px 40px; }

.contentIndent.item { margin-bottom:10px !important; }
.item h4 { margin-bottom:10px !important; }
.item p { margin-bottom:25px !important; }
.item.plural p { margin-bottom:10px !important; }
.item.plural p.end { margin-bottom:28px !important; }

/* ************************************ common parts ************************************ */
h2.left, h3.left, h4.left, h5.left, p.left { float:left; }
p.right, input.right, img.right { float:right; }
p.leftGapRight, input.leftGapRight, img.leftGapRight { float:left; margin-right:15px; }
p.rightGapRight, input.rightGapRight, img.rightGapRight { float:right; margin-right:15px; }

/* ************************************ content ************************************ */
/* ========================== left column ========================== */
/* side menu */
.indexTop { margin-bottom:10px; }

#sideMenu { border-top:1px solid #ccc; }

#sideMenu ul { margin:0 0 15px 0; }
#sideMenu ul li a:link, #sideMenu ul li a:visited, #sideMenu ul li a:hover
{ display:block; width:174px; height:22px; padding:8px 0 0 16px; line-height:1.35em; }
#sideMenu ul li a:link, #sideMenu ul li a:visited { background:url(../img/sideMenu.gif) 0 0; color:#333; text-decoration:none; }
#sideMenu ul li a:hover, #sideMenu ul li a.on { background:url(../img/sideMenu.gif) 0 30px !important; color:#003d80; }

#sideMenu ul li.long a:link, #sideMenu ul li.long a:visited, #sideMenu ul li.long a:hover
{ height:36px; padding:6px 0 0 16px; }
#sideMenu ul li.long a:link, #sideMenu ul li.long a:visited { background:url(../img/sideMenu_long.gif) 0 0; }
#sideMenu ul li.long a:hover, #sideMenu ul li.long a.on { background:url(../img/sideMenu_long.gif) 0 42px !important; }


/* ************************************ right column ************************************ */
#R h2 { margin-bottom:15px; }
#R h3 { margin-bottom:15px; }
#R h3.gap { margin-bottom:20px; }

#R h2.text { width:696px; height:35px; padding:25px 12px 0 12px; background:url(../img/hl_text.gif) no-repeat;
	color:#457d04; font-size:16px; }
#R h2.text.double { height:47px; padding-top:13px; line-height:1.3em; }
#R h2.text .sub { font-size:12px; }

#R h4, #R h5 { margin-bottom:10px; padding:0 5px 2px 5px; font-size:12px; border-bottom:1px dotted #aaa; font-weight:bold; line-height:1.2em; }
#R h4 { }
#R h5 { }



.rightBottom { display:block; clear:both; margin-bottom:10px; font-size:1px; height:1px; background:#bbb; line-height:1px; }

/* ========================== image ========================== */
.phL { margin:0 15px 10px 0; }
.phR { margin:0 0 10px 10px; }
.buy01 { margin-right:7px; vertical-align:middle; }
.new01, .accessMap01 { margin-left:5px; vertical-align:middle; }
.adobeReader { margin-right:10px; vertical-align:middle; }

img.pad { padding:10px; background:#fff; border:1px solid #ccc; }
img.pdf { margin-left:3px; vertical-align:middle; }
.mail, .map, .smallBtn { margin:0 3px; vertical-align:middle; }

/* ------------- square box ------------- */
.square_bbb { padding:7px 10px; background:#f2f2f2; border:1px solid #bbb; }
.square_pink { padding:7px 10px; border:1px solid #FD8FAA; }
.square_purple { padding:7px 10px; background:#F3EEF7; border:1px solid #CDB5D7; }


/* to the top of this page */
.pageTop { clear:both; margin-bottom:10px !important;; padding:0 14px 0 0 !important;; background:url(../img/up01.gif) right center no-repeat;
	text-align:right; line-height:1.2em; }
.pageTop a:link, .pageTop a:visited { color:#555; text-decoration:none; }
.pageTop a:hover { color:#6392E0; text-decoration:underline; }


/* ************************************ bottom ************************************ */
.rightBottom { display:block; clear:both; margin-bottom:7px; font-size:1px; height:1px; line-height:1px; background:#bbb; }

/* ************************************ footer ************************************ */
/* footer */
#footer { width:930px; height:200px; padding:5px 10px 0 10px; background:url(../img/footer.gif) repeat-x; color:#fff;  line-height:1.5em; }
#footer a:link, #footer a:visited { color:#fff; text-decoration:none; }
#footer a:hover { color:#6392E0; text-decoration:none; }

.footerLine { display:block; clear:both; border-top:1px solid #b4c8dc; font-size:1px; height:1px; line-height:1px; }

#footerMenu, .footerAddress, .footerCopy { padding:10px 30px; }
#footerMenu ul { }
#footerMenu li { display:inline; margin-right:4px; padding-right:3px; border-right:1px solid #fff; }
#footerMenu li.end { border:none; margin-right:0; padding-right:0 }

.footerAddress, .footerCopy { margin:0; }

.script { width:950px; margin:0 auto; padding:0; background:#003D80; }

/* ========================== list ========================== */
/* ul */
.list01 ul { margin:0 0 18px 50px; }
.list01 ul.mgb0 { margin:0 0 0 30px; }
.list01 ul li { list-style:disc; margin-bottom:5px; line-height:1.2em; }
.list01 ul li.end { margin-bottom:0; }

.list01 ul.under10 li { margin-bottom:10px; }
.list01 ul.under15 li { margin-bottom:15px; }

.list01 ol { margin:0 0 18px 60px; }
.list01 ol li { list-style:decimal; margin-bottom:5px; line-height:1.2em; }
.list01 ul li.end { margin-bottom:0; }

.list01 dl { }
.list01 dt { font-weight:bold; }
.list01 dd { margin-bottom:20px; }
.list01 dd.end { margin-bottom:0; }

table ul { margin:0 0 0 18px; }
table ul li { margin-bottom:10px; list-style:disc; }
table ul li.end , table ul ul li.end { margin-bottom:0; }
table ul ul { margin:10px 0 0 20px; }
table ul ul li { margin-bottom:5px; padding:0 0 0 14px; background:url(../img/arw03.gif) 0 2px no-repeat; list-style:none; line-height:1.2em; }

.squareText { margin:2px 0 !important; padding:2px !important; border:1px solid #bbb; }
.squareLightGray ul {}
.squareLightGray ul li { padding:0 0 0 14px; background:url(../html/new_murasaki09/img/common/square01.gif) no-repeat 0 2px; }

.noStyle01 ul {}
.noStyle01 li { margin-bottom:6px; }


/* ========================== form ========================== */
input, textarea { font-size:12px; }
input { vertical-align:middle; }
table td.inputGap input, table td.inputGap select, table td.inputGap textarea { margin-bottom:5px; }

/*width*/
.w50 { width:50%; }
.w70 { width:70%; }
.w90 { width:90%; }
.w97 { width:97%; }
.w100 { width:100%; }

/*form*/
input.w40px { width:40px; }
input.w50px { width:50px; }
input.w70px { width:70px; }
input.w100px { width:100px; }
input.w120px { width:120px; }
input.w150px { width:150px; }
input.w200px { width:200px; }
input.w250px { width:250px; }
input.w300px { width:300px; }
input.w350px { width:350px; }
input.w400px { width:400px; }

textarea.w100px { width:100px; }
textarea.w150px { width:150px; }
textarea.w200px { width:200px; }
textarea.w250px { width:250px; }
textarea.w300px { width:300px; }
textarea.w350px { width:350px; }
textarea.w400px { width:400px; }
textarea.w450px { width:450px; }
textarea.w500px { width:500px; }

.must, .attention { color:#a80d15; }
form .example { color:#666; }

/*input space on item*/
.inputOnItem { margin-bottom:7px; }
table.nest td { padding:7px 5px 5px 5px !important; }

/* ========================== arrow ========================== */
.arrow01 { padding:0 0 0 12px; background:url(../img/arw01.gif) no-repeat 0 3px; line-height:1.2em; }
.arrow01 a:link, .arrow01 a:visited { text-decoration:none; }
.arrow01 a:hover { text-decoration:underline; }

.arrow02 { padding:0 0 0 12px; background:url(../img/arw02.gif) no-repeat 0 3px; line-height:1.2em; }
.arrow02 a:link, .arrow02 a:visited { text-decoration:none; }
.arrow02 a:hover { text-decoration:underline; }

.arrow03 { padding:0 0 0 12px; background:url(../img/arw03.gif) no-repeat 0 3px; line-height:1.2em; }
.arrow03 a:link, .arrow03 a:visited { color:#3f1f24; text-decoration:none; }
.arrow03 a:hover { color:#B56874; text-decoration:underline; }

.down01 { padding:0 0 0 12px; background:url(../img/dwn01.gif) no-repeat 0 3px; line-height:1.2em; }
.down01 a:link, .down01 a:visited { text-decoration:none; }
.down01 a:hover { text-decoration:underline; }

/* ========================== buttons ========================== */
.btn { display:block; text-indent:-9999px; overflow:hidden; }
.btn a, .btn a:hover { display:block; }

.btn.toInquiry01, .btn.toInquiry01 a { width:300px; height:44px; background: url(../img/b_inquiry01.gif) no-repeat 0 0; }
.btn.toInquiry01 a:hover { background: url(../img/b_inquiry01.gif) no-repeat 0 -44px; }

.btn.map01, .btn.map01 a { width:45px; height:16px; background: url(../img/b_map01.gif) no-repeat 0 0; }
.btn.map01 a:hover { background: url(../img/b_map01.gif) no-repeat 0 -16px; }

.btn.print01, .btn.print01 a { width:127px; height:22px; background: url(../img/b_print01.gif) no-repeat 0 0; }
.btn.print01 a:hover { background: url(../img/b_print01.gif) no-repeat 0 -22px; }

.btn.lecturer02, .btn.lecturer02 a { width:200px; height:30px; background: url(../img/b_lecturer02.gif) no-repeat 0 0; }
.btn.lecturer02 a:hover { background: url(../img/b_lecturer02.gif) no-repeat 0 -30px; }

.btn.member03, .btn.member03 a { width:275px; height:40px; background: url(../img/b_member03.gif) no-repeat 0 0; }
.btn.member03 a:hover { background: url(../img/b_member03.gif) no-repeat 0 -40px; }

.btn.memberPDF01, .btn.memberPDF01 a { width:275px; height:40px; background: url(../img/b_memberPDF01.gif) no-repeat 0 0; }
.btn.memberPDF01 a:hover { background: url(../img/b_memberPDF01.gif) no-repeat 0 -40px; }

.btn.printMap a { width:105px; height:24px; background: url(../img/b_printMap.gif) no-repeat 0 0; }
.btn.printMap a:hover { background: url(../img/b_printMap.gif) no-repeat 0 -24px; }

/* ========================== reset ========================== */
.reset { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }


/* ========================== line, dot ========================== */
.line01, .line02, .dot01 { display:block; clear:both; font-size:1px; height:1px; line-height:1px; }
.line01 { border-top:1px solid #aaa; }
.line02 { border-top:1px solid #bbb; }
.dot01 { border-top:1px dotted #aaa; }

.line01.double { height:4px; background:#aaa; border:none; }

/* ========================== table ========================== */
/* table common */
table { clear:both; width:100%; margin-bottom:15px; }
table table { margin-bottom:0; }
table p { margin-bottom:0; }
th, td { background:#fff; vertical-align:top; }
th { font-weight:normal; }
th, td { line-height:1.4em; }

/* table width variation */
table.widthAuto { width:auto !important; }
table.widthTwoThirds { width:60% !important; }
table.widthHalf { width:50% !important; }

/* td padding */
table.normalSpace th, table.normalSpace td { padding:10px 10px 7px 10px; }
table.wideSpace th, table.wideSpace td { padding:15px 10px 12px 10px; }
table.noPad td, table.wideSpace table.noPad td { padding:0; }

td.indentSmall { padding-left:20px !important; }
td.indentMedium { padding-left:40px !important; }
td.indentLarge { padding-left:60px !important; }

/* td width */
th.w50, td.w50 { width:50px; }
th.w70, td.w70 { width:70px; }
th.w100, td.w100 { width:100px; }
th.w135, td.w135 { width:135px; }
th.w150, td.w150 { width:150px; }
th.w170, td.w170 { width:170px; }
th.w180, td.w180 { width:180px; }

th {}
tr.top th, tr.top td, td.top { vertical-align:top !important; }
tr.middle th, tr.middle td, td.middle { vertical-align:middle !important; }
tr.bottom th, tr.bottom td, td.bottom { vertical-align:bottom !important; }
tr.left th, tr.left td, th.left, td.left { text-align:left; }
tr.center th, tr.center td, th.center, td.center ,
tr.left th.center, tr.left td.center { text-align:center; }
th.right, td.right { text-align:right; }

tr.bold th, tr.bold td, th.bold, td.bold { font-weight:bold; }


/* table color variation */
table.redBG { background:#a80d15; }
table.grayBG { background:#bbb; }
table.lightBlueBG { background:#8893dc; }
table.lightGoldBG { background:#cdc19f; }
table.transparent, table.transparent td { background:transparent; }

/* td color variation */
tr.gray th, tr.gray td, th.gray, td.gray, th.gray, td.gray { background:#eee; border-top:1px solid #fff; border-left:1px solid #fff; }
tr.skin th, tr.skin td, th.skin, td.skin, th.skin, td.skin { background:#F3EEDA; border-top:1px solid #fff; border-left:1px solid #fff; }
tr.sky th, tr.sky td, th.sky, td.sky, th.sky, td.sky { background:#E4F2FC; border-top:1px solid #fff; border-left:1px solid #fff; }
tr.gold th, tr.gold td, th.gold, td.gold, th.sky, td.gold { background:#ECE3CE; border-top:1px solid #fff; border-left:1px solid #fff; }

th.white, td.white { background:#fff; }

/* td line, td dot */
tr.line th, tr.line td, th.line, td.line { border:none; border-bottom:1px solid #aaa; }
tr.dot th, tr.dot td, th.dot, td.dot { border:none; border-bottom:1px dotted #aaa; }

/* paragraph */
p.mgb50 ,ul.mgb50 ,ol.mgb50 ,dl.mgb50, table.mgb50 { margin-bottom:50px !important; }
p.mgb40 ,ul.mgb40 ,ol.mgb40 ,dl.mgb40, table.mgb40 { margin-bottom:40px !important; }
p.mgb30 ,ul.mgb30 ,ol.mgb30 ,dl.mgb30, table.mgb30 { margin-bottom:30px !important; }
p.mgb25 ,ul.mgb25 ,ol.mgb25 ,dl.mgb25, table.mgb25 { margin-bottom:25px !important; }
p.mgb20 ,ul.mgb20 ,ol.mgb20 ,dl.mgb20, table.mgb20 { margin-bottom:20px !important; }
p.mgb15 ,ul.mgb15 ,ol.mgb15 ,dl.mgb15, table.mgb15 { margin-bottom:15px !important; }
p.mgb10 ,ul.mgb10 ,ol.mgb10 ,dl.mgb10, table.mgb10 { margin-bottom:10px !important; }
p.mgb5 ,ul.mgb5 ,ol.mgb5 ,dl.mgb5, table.mgb5 { margin-bottom:5px !important; }
p.mgb3 ,ul.mgb3 ,ol.mgb3 ,dl.mgb3, table.mgb3 { margin-bottom:3px !important; }
p.mgb0 ,ul.mgb0 ,ol.mgb0 ,dl.mgb0, table.mgb0 { margin-bottom:0 !important; }
p.end { margin:0 0 25px 0; padding:0; }


/* fonts */
.j10, .j10bold { font-size:10px; }
.j12, .j12bold { font-size:12px; }
.j14, .j14bold { font-size:14px; }
.j16, .j16bold { font-size:16px; }
.j18, .j18bold { font-size:18px; }
.j10bold, .j12bold, .j14bold, .j16bold, .j18bold,
.noColorBold, .blueBold, .redBold, .orangeBold, .greenBold, .brownBold, .crimsonBold, .goldBold, .purpleBold, .redPurpleBold { font-weight:bold; }

.noColor, .noColorBold { color:#444; }
.noColor a:link, .noColor a:visited, .noColorBold a:link, .noColorBold a:visited { color:#042783; text-decoration:underline; }
.noColor a:hover, .noColorBold a:hover { color:#648DFB; text-decoration:underline; }

.black, .blackBold { color:#222; }
.black a:link, .black a:visited, .blackBold a:link, .blackBold a:visited { color:#042783; text-decoration:underline; }
.black a:hover, .blackBold a:hover { color:#648DFB; text-decoration:underline; }

.blue, .blueBold { color:#003d80; }
.blue a:link, .blue a:visited, .blueBold a:link, .blueBold a:visited { color:#003d80; text-decoration:underline; }
.blue a:hover, .blueBold a:hover { color:#6392E0; text-decoration:underline; }

.orange, .orangeBold { color:#f1370c; }
.orange a:link, .orange a:visited, .orangeBold a:link, .orangeBold a:visited { color:#f1370c; text-decoration:underline; }
.orange a:hover, .orangeBold a:hover { color:#F77C5E; text-decoration:underline; }

.green, .greenBold { color:#457d04; }
.green a:link, .green a:visited, .greenBold a:link, .greenBold a:visited { color:#457d04; text-decoration:underline; }
.green a:hover, .greenBold a:hover { color:#79D237; text-decoration:underline; }

.brown, .brownBold { color:#7d1102; }
.brown a:link, brown a:visited, .brownBold a:link, .brownBold a:visited { color:#7d1102; text-decoration:underline; }
.brown a:hover, .brownBold a:hover { color:#D14B38; text-decoration:underline; }

.crimson, .crimsonBold { color:#84042E; }
.crimson a:link, crimson a:visited, .crimsonBold a:link, .crimsonBold a:visited { color:#84042E; text-decoration:underline; }
.crimson a:hover, .crimsonBold a:hover { color:#DA2162; text-decoration:underline; }

.gold, .goldBold { color:#734c01; }
.gold a:link, gold a:visited, .goldBold a:link, .goldBold a:visited { color:#734c01; text-decoration:underline; }
.gold a:hover, .goldBold a:hover { color:#BC7A01; text-decoration:underline; }

.purple, .purpleBold { color:#5B167C; }
.purple a:link, .purple a:visited, .purpleBold a:link, .purpleBold a:visited { color:#5B167C; text-decoration:underline; }
.purple a:hover, .purpleBold a:hover { color:#b084c6; text-decoration:underline; }

.redPurple, .redPurpleBold { color:#8a1069; }
.redPurple a:link, .redPurple a:visited, .redPurpleBold a:link, .redPurpleBold a:visited { color:#8a1069; text-decoration:underline; }
.redPurple a:hover, .redPurpleBold a:hover { color:#BA3D9D; text-decoration:underline; }


/**/