@charset "utf-8";

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

/* *********************** structure *********************** */
/* ++++++ wrapper  ++++++ */
#wrapper { width:910px; margin:0 auto; background:url(../img/wrapper.gif) repeat-y; }

/* ++++++ base  ++++++ */
#base, #edgeL, #edgeR { float:left; }
#base { width:900px; }
#edgeL, #edgeR { width:5px; }


/* ++++++ content ++++++ */
#content { width:890px; padding:0 10px 20px 0; }
#content #L { float:left; width:190px; }
#content #R { float:right; width:675px; }
#content .contentInside { width:615px; margin-bottom:20px; padding:0 15px 0 45px; }
/*#content .contentIndent { padding:0 0 20px 20px; }*/

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

/* ========================== header ========================== */
#header { height:58px; padding:12px 0 0 0; }
#header h1 { margin-bottom:10px; color:#666; font-size:12px; font-weight:normal; line-height:1em; }
#header .title { float:left; }
#header ul { float:right; margin-top:10px; }
#header li { display:inline; float:left; margin-right:12px; padding-left:18px; background:url(../img/arw_square01.gif) no-repeat 0 3px; }
#header li.end { margin:0; }
#header li a:link, #header li a:visited { text-decoration:none; }
#header li a:hover { text-decoration:underline; }

/* ========================== global menu ========================== */
#globalMenu { border-bottom:7px solid #083185; }
#globalMenu ul {}
#globalMenu li { display:block; float:left; width:150px; 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 { 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.company, #globalMenu li.company a { background: url(../img/globalMenu.gif) -150px 0; }
#globalMenu li.company a.on, #globalMenu li.company a:hover { background: url(../img/globalMenu.gif) -150px -36px; }
#globalMenu li.design, #globalMenu li.design a { background: url(../img/globalMenu.gif) -300px 0; }
#globalMenu li.design a.on, #globalMenu li.design a:hover { background: url(../img/globalMenu.gif) -300px -36px; }
#globalMenu li.web, #globalMenu li.web a { background: url(../img/globalMenu.gif) -450px 0; }
#globalMenu li.web a.on, #globalMenu li.web a:hover { background: url(../img/globalMenu.gif) -450px -36px; }
#globalMenu li.book, #globalMenu li.book a { background: url(../img/globalMenu.gif) -600px 0; }
#globalMenu li.book a.on, #globalMenu li.book a:hover { background: url(../img/globalMenu.gif) -600px -36px; }
#globalMenu li.site, #globalMenu li.site a { background: url(../img/globalMenu.gif) -750px 0; }
#globalMenu li.site a.on, #globalMenu li.site a:hover { background: url(../img/globalMenu.gif) -750px -36px; }

#globalMenu .reset { background:#083185; }

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

/* ************************************ content ************************************ */
h2.pageTitle { margin-bottom:5px !important; }

/* ========================== left column ========================== */
/* side menu */
#sideMenu { border-top:1px solid #bbb; }
#sideMenu ul {}
#sideMenu li { display:block; line-height:1.3em; }
#sideMenu li a, #sideMenu li a:hover { display:block; }

#sideMenu ul li a:link, #sideMenu ul li a:visited { width:170px; height:23px; padding:8px 0 0 20px;
	background:url(../img/sideMenu1.gif) 0 0 no-repeat; color:#0b3c97;text-decoration:none; }
#sideMenu ul li a:hover { background:url(../img/sideMenu1.gif) 0 -31px no-repeat; color:#0b3c97; text-decoration:none; }

#sideMenu ul ul li a:link, #sideMenu ul ul li a:visited { width:157px; height:auto; padding:7px 0 5px 32px;
	background: url(../img/arw01.gif) 20px 12px no-repeat #eee; border-right:1px solid #aaa; border-bottom:1px solid #aaa; color:#333; text-decoration:none; }
#sideMenu ul ul li a:hover { background: url(../img/arw02.gif) 20px 12px no-repeat #fff; color:#0b3c97; text-decoration:none; }

/* buttons */
#sideMenu .buttons { margin:20px 0 0 0; }
#sideMenu .buttons .btn { margin-bottom:7px; }

/* ************************************ right column ************************************ */

#R h3 { margin-bottom:20px; }
#R h3.underShort { margin-bottom:12px; }
#R h4, #R h5 { font-size:14px; font-weight:bold; line-height:1.2em; }
#R h4 { margin:0 0 20px 5px; padding:4px 0 4px 8px; border-left:5px solid #bbb; border-bottom:1px solid #aaa; }
#R h5 { margin:0 0 15px 0; padding:0 0 4px 0; border-bottom:1px dotted #aaa; }

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

#R .phL { margin:0 15px 10px 0; }
#R .phR { margin:0 0 10px 10px; }
#R .phBorder01 { padding:10px; border:1px solid #bbb; }

/* ------------- 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; padding:0 13px 0 0; background:url(../img/up01.gif) right center no-repeat; text-align:right; line-height:1.2em; }
.pageTop a:link, .pageTop a:visited { color:#444; text-decoration:none; }
.pageTop a:hover { color:#5E8CEC; text-decoration:underline; }

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

/* ************************************ footer ************************************ */
/* footer */
#footerMenu { padding:13px 0 10px 0; border-top:1px solid #bbb; background:#eee; text-align:center; }
#footerMenu ul { margin-bottom:3px; }
#footerMenu li { display:inline; margin-right:7px; padding-right:3px; border-right:1px solid #444; line-height:1.6em; }
#footerMenu li.end { border:none; margin-right:0; padding-right:0; }
#footerMenu a:link, #footerMenu a:visited { color:#444; text-decoration:none; }
#footerMenu a:hover { color:#1341a0; text-decoration:underline; }

/* footer menu-copy */
#footer { width:870px; padding:20px 15px 20px 15px; background:#083185; color:#fff; }
#footer p.address { float:left; }
#footer p.copy { float:right; margin:38px 0 0 0; }


/* ========================== list ========================== */
/* ul */
.list01 ul { margin:0 0 20px 30px; }
.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 15px 40px; }
.list01 ol li { list-style:decimal; }
.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 15px; }
table ul li { list-style:disc; margin-bottom:10px; line-height:1.2em; }
table ul li.end { margin-bottom:0; }

.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 { vertical-align:middle; }

/*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 { color:#84042E; font-weight:bold; }

/*input space on item*/
.inputOnItem { margin-bottom:7px; }


/* ========================== arrow ========================== */
.arrow01 { padding:0 0 0 11px; 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 11px; 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 11px; 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 11px; 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.print, .btn.print a { width:105px; height:21px; background: url(../img/b_print.gif) no-repeat 0 0; }
.btn.print a:hover { background: url(../img/b_print.gif) no-repeat 0 -21px; }



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


/* ========================== dot ========================== */
.dot01 { display:block; clear:both; border-top:1px dotted #999; font-size:1px; height:1px; line-height:1px; }


/* ========================== line, belt ========================== */
hr.lightGray { background:#e2e2e2 !important; }


.line { display:block; clear:both; font-size:1px; height:1px; line-height:1px;}
.doubleLine { display:block; clear:both; font-size:1px; height:3px; line-height:1px;}
.line.BG_999 { background:#999; }
.line.BG_ccc { background:#ccc; }

/* ========================== box ========================== */
.lightBrownBox_500 { width:500px; background:url(../html/new_murasaki09/img/lightBrownBox_500_bg.gif) repeat-y; }
.lightBrownBox_500 .inside { padding:14px 10px; }
.lightBrownBox_500 h2 { margin-bottom:15px; }
.lightBrownBox_500 p { margin:0 0 15px 0; }
.lightBrownBox_500 p.end { margin:0; }
.lightBrownBox_500 ul { margin:0 0 15px 50px; }
.lightBrownBox_500 li { list-style:disc; }
.lightBrownBox_500 .ph { margin:0 0 5px 5px; }

/* ========================== photograph ========================== */
.phL { margin:0 10px 0 5px; }
.phR { margin:0 0 5px 5px; }

/* ========================== box ========================== */
.box01 { width:615px; background:url(../html/new_murasaki09/img/box01_bg.gif) repeat-y; }
.box01 .inside { padding:14px 10px; }
.box01 h2 { margin-bottom:15px; }
.box01 p { margin:0 0 15px 0; }
.box01 p.end { margin:0; }
.box01 ul { margin:0 0 15px 50px; }
.box01 li { list-style:disc; color:#042783; }

/* ========================== 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; }

/* table under box top */
table.underBoxTop { margin-bottom:13px; }
table.underBoxTop td, table.underBoxTop th { padding:3px 4px; background:#eee; }
table.underBoxTop.white td, table.underBoxTop.white th { background:#fff; }

/* 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:6px 5px; }
table.wideSpace th, table.wideSpace td { padding:6px 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:#BF1920; }
table.grayBG { background:#aaa; }
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; }
tr.skin th, tr.skin td, th.skin, td.skin, th.skin, td.skin { background:#F3EEDA; }
th.white, td.white { background:#fff; }


/* paragraph */
p { margin:0 0 15px 0; }
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.mgb0 ,ul.mgb0 ,ol.mgb0 ,dl.mgb0, table.mgb0 { margin-bottom:0 !important; }
p.end { margin:0 0 25px 0; padding:0; }

/* image */
img.pdf { margin-left:3px; vertical-align:middle; }
img.underConstruction { margin:50px 0 90px 80px; }

/* under construction */
img.uc { margin:100px 0 100px 200px; }


/* 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, .pinkBold, .purpleBold, .brownBold { 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; }

.blue, .blueBold { color:#1341a0; }
.blue a:link, .blue a:visited, .blueBold a:link, .blueBold a:visited { color:#1341a0; text-decoration:underline; }
.blue a:hover, .blueBold a:hover { color:#5E8CEC; text-decoration:underline; }

.pink, .pinkBold { color:#fa3767; }
.pink a:link, .pink a:visited, .pinkBold a:link, .pinkBold a:visited { color:#fa3767; text-decoration:underline; }
.pink a:hover, .pinkBold a:hover { color:#EF9CC1; text-decoration:underline; }

.purple, .purpleBold { color:#652385; }
.purple a:link, .purple a:visited, .purpleBold a:link, .purpleBold a:visited { color:#652385; text-decoration:underline; }
.purple a:hover, .purpleBold a:hover { color:#b084c6; 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; }

.brown, .brownBold { color:#3f1f24; }
.brown a:link, .brown a:visited, .brownBold a:link, .brownBold a:visited { color:#3f1f24; text-decoration:underline; }
.brown a:hover, .brownBold a:hover { color:#B56874; text-decoration:underline; }




/**/