@charset "utf-8";


/* 主要構成セクション */
*{padding:0; margin:0;}
 body {font-size:62.5%; background:transparent url(../img/bg_body.jpg);} /*font-size: 1.0em = 10px (デフォルト16px時)*/
.page-container {width:760px; margin:0px auto; margin-top:10px; margin-bottom:10px; font-size:1.0em;}
.main {clear:both; width:760px; padding-bottom:30px; background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;}
.main-nav {display:inline /*Fix IE floating margin bug*/; float:left; width:160px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:540px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:10px 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:760px; height:3.7em; padding:1.1em 0 0; font-family:Arial, Helvetica, sans-serif; background:#fff url(../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


/*  共通設定  */
.main img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.center {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.main img.fazzoletto {margin:3px 20px 7px 10px; padding:7px; border:none;}

.main a {color:#ff5d28; font-weight:bold; text-decoration:underline;}
.main a:visited {color:#9400d3; text-decoration:underline;}
.main a:hover {color:#ccba7f; text-decoration:none;}

.main a img {border:solid 1px #999;}
.main a:hover img {border:solid 1px #ddd;}

.main .bold {font-weight:bold;}
.main .red {color:#c00;}
.main .blue {color:#06f;}

/* ヘッダー */
.header {width:760px;}
.header-top-upper {width:760px; height:44px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-top-lower {width:760px; height:34px; background:#fff url(../img/bg_head_top.jpg) repeat-y; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:760px; height:140px; border-bottom:2px solid #333; border-top:2px solid #333; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:760px; height:54px; background:#fff url(../img/tabnav_mid.gif);}
.header-breadcrumbs {clear:both; width:760px; padding:1.0em 0 1.5em 0; background:#646464 url(../img/bg_head_breadcrumbs.jpg) repeat-y;}

/****************************/
/*  ヘッダー内のセクション  */
/****************************/
.abstract {width:400px; position:absolute; margin:10px 0 0 1px;}
.abstract h1{font-size:150%; font-weight:bold; color:#663E3A;}

.header_nav {width:320px; position:absolute; z-index:3; margin:22px 0 0 440px;}
.header_nav ul {float:right; padding:0 5px 0 0;}	
.header_nav li {display:inline; list-style:none;}
.header_nav li.separate {display:block; float:left; padding:2px 2px 2px 2px; color:#663E3A; text-decoration:none; font-size:140%;}
.header_nav li a {display:block; float:left; padding:2px 5px 2px 5px; color:#663E3A; text-decoration:underline; font-size:120%;}
.header_nav a:hover {text-decoration:none; color:#999;}

.sitelogo {width:28px; height:32px; position:absolute; z-index:1; margin:2px 0 0 25px; background:url(../img/bg_head_top_logo.gif) no-repeat; }
.sitename {width:350px; height:34px; position:absolute; z-index:1; margin:0 0 0 65px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h2 {font-size:260%; font-family:Impact, verdana, sans-serif; letter-spacing:7px;}
.sitename a {text-decoration:none; color:#663E3A;}
.sitename a:hover {text-decoration:none; color:#0099FF;}

.header-middle-image {width:760px; height:140px;}
.header-middle-message {width:450px; height:30px; position:absolute; z-index:1; margin:220px 0 0 300px; color:#ddd; /*xoverflow:visible !important /*Activate if Firefox print problems*/; overflow:hidden /*IE6*/;}
.header-middle-message p {width:440px; text-align:right; line-height:100%; font-size:160%;}

.tabnav {width:760px;}
.tabnav h2 {display:block; float:left; padding:0 10px 0 20px; font-size:120%; line-height:54px; font-family:Georgia, "Times New Roman", Times, serif;}
.tabnav h2 a, .tabnav h2 a:visited {color:#000; text-decoration:none;}
.tabnav h2 a:hover {color:#000; text-decoration:underline;}
.tabnav ul {list-style-type:none; float:left;}
.tabnav ul li {display:inline; float:left;}
.tabnav ul li a {float:left; display:block; background:#000 url(../img/tabnav_right.gif) no-repeat right top; text-decoration:none; font-weight:bold;}
.tabnav ul li a span{display:block; background:transparent url(../img/tabnav_left.gif) no-repeat left top; padding:0 26px 0 24px; font-size:120%; color:#fff; line-height:54px;}
.tabnav ul li a:hover,.tabnav ul li.item-active a {background-position:right bottom;}
.tabnav ul li a:hover span,.tabnav ul li.item-active a span{background-position:left bottom; color:#663e3a; font-weight:bold; text-decoration:none;}

.header-breadcrumbs ul {float:left; width:460px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; color:#777; font-size:100%;}
.header-breadcrumbs ul a {color:#ff5d28; text-decoration:underline;}
.header-breadcrumbs ul a:hover {color:#999; text-decoration:none;}

.header-breadcrumbs .searchform {float:right; width:180px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}
.header-breadcrumbs .searchform form fieldset {float:right; border:none;}
.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid #aaa; font-family:verdana,arial,sans-serif; font-size:120%; color:#666; }
.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:#ddd; border:solid 1px #999; text-align:center; font-family:verdana,arial,sans-serif; color:#999; font-size:120%;}
.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px #666; background:#ddd; color:#666;}
.header-breadcrumbs .searchform .engine{clear:both; text-align:right; font-size:90%; font-weight:normal; color:#999; font-family:Georgia, "Times New Roman", Times, serif; padding:1px 0 0 0 !important /*Non IE6*/; padding:0/*IE6*/;}



/******************************/
/*  コンテンツの各セクション  */
/******************************/

/* MAIN NAVIGATION 左カラム */
.main-nav .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 150px; background:url(../img/bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT 右カラム */
.column1-unit {width:540px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:250px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:260px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:165px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:165px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:20px;}
.column3-unit-right {float:right; width:165px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}


/****************************/
/*  フッター内のセクション  */
/****************************/
.footer p {line-height:1.3em; text-align:center; color:#333; font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal; font-size:90%;}
.footer p.credits a img {vertical-align:bottom;}
.footer a {text-decoration:none; color:#333;}
.footer a:hover {text-decoration:underline; color:#333;}
.footer a:visited {color:#333;}


/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-nav:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-unit-style1:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:540px; height:0.1em; border:none; background:#663e3a; color:#663e3a;}


/******************/
/*  印刷用の設定  */
/******************/
@media print {.header-top-lower {width:760px; height:34px; background:#eee; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-middle-image {width:760px; height:1px; overflow:hidden;}}
@media print {.header-breadcrumbs {width:760px; background:transparent;}}
@media print {.tabnav {float:left; width:760px; border:none; background:#eee; color:#555; font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:760px; padding-bottom:30px; background:transparent;}}
@media print {.main-nav {display:inline /*Fix IE floating margin bug*/; float:left; width:100px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; background-color:#eee; overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:760px; height:3.7em; padding:1.1em 0 0; background:#eee; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}






/************/
/*  メイン  */
/************/

/* 左カラム　メインナビゲーション */
.navlist {width:160px;}
.navlist dt a, .navlist dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:5px 10px 5px 20px; text-decoration:none; color:#1a0f0f; font-weight:bold; font-size:120%;}
.navlist dd a, .navlist dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:1px 10px 1px 30px; border:none; font-weight:normal; text-decoration:none; color:#1a0f0f; font-size:120%;}
.navlist dt a:hover, .navlist dt a.current {background:url(../img/bg_main-nav_active.jpg) repeat-y; color:#663e3a; text-decoration:none;}
.navlist dd a:hover, .navlist dd a.current {background:url(../img/bg_main-nav_active.jpg) repeat-y; color:#663e3a; text-decoration:none;}
.navlist dt a.current:visited, .navlist dd a.current:visited {color:#663e3a;}
.navlist hr{height:0.1em; margin:10px 20px; background-color:#000; color:#000; border:none;}

/* 左カラム　おもにメインナビの下 */
.main-nav h2.first {clear:both; margin:10px 0 10px 0; padding:4px 20px 3px 20px; background:none; color:#663e3a; font-weight:bold; font-size:180%; font-family:"Times New Roman", Times, serif;}
.main-nav h2 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:none; color:#663e3a; font-weight:bold; font-size:180%; font-family:"Times New Roman", Times, serif;}
.main-nav h3 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-nav h4 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-nav for easier exchange */
.main-nav p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-nav p.center {text-align:center;}
.main-nav p.right {text-align:right;}

/* 右カラム　メイン */
.main-content h2.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; color:#663e3a; font-weight:bold; border:none;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; color:#663e3a; font-weight:bold; font-size:190%; border:none; font-family:Geneva, Arial, Helvetica, sans-serif;}
.main-content h3 {clear:both; margin:1.0em 0 0.5em 0; color:#663e3a; font-weight:bold; font-size:150%; font-family:Geneva, Arial, Helvetica, sans-serif;}
.main-content h3 a, .main-content h3 a:visited {color:#663e3a; text-decoration:none;}
.main-content h3 a:hover {color:#663e3a; text-decoration:underline;}
.main-content h4 {clear:both; margin:1.0em 0 0.5em 0; color:#a8726c; font-weight:bold; font-size:140%;}
.main-content h4 a, .main-content h4 a:visited {color:#663e3a; text-decoration:none;}
.main-content h4 a:hover {color:#663e3a; text-decoration:underline;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}
.main-content h4.side {clear:none;}
.main-content img.profile {width:80px; height:120px; border:none; margin:0 3em;}

.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:170%;}
.main-content h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-size:140%;}
.main-content h7 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%; color:#555; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
.main-content p.indent {margin-left:1.5em;}
.main-content p.notice {font-size:170%; padding-left:25px; color:#b8860b; font-weight:bold; z-index:2;}
.main-content a.notice {background:#fff url(../img/bg_star.gif) no-repeat scroll 0 0; height:27px; margin:3px 0 0 1px; position:absolute; width:20px; z-index:1;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.75em 0 1.0em 0; color:#888; line-height:1.5em; font-size:110% !important; font-size:100%;}
.main-content p.tovaglia a.more{clear:both; float:left; margin:10px 0 0 2px;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:100%;}

.main-content hr.rossetto {margin:0 70px 2em 70px; width:400px;}

.main-content .quote {border:1px solid #aaa; padding:1em; background:url(../img/bg_quote_left.gif) no-repeat top left; margin-bottom:1em;}
.main-content .quote div {display:block; background:url(../img/bg_quote_right.gif) no-repeat right bottom;}
.main-content .quote div p {color:#777; text-indent:1em;}

.main-content dt {margin:1em 0 0.5em 0; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; font-size:120%; color:#663e3a; font-family:Georgia, "Times New Roman", Times, serif;}
.main-content dd {margin:0 0 0.2em 2px; padding:0 0 0 12px; line-height:1.6em; font-size:120%;}
.main-content .column2-unit-left hr {margin:1em;}

.main-content table {clear:both; width:500px; margin:0 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; background-color:#fff;}
.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:110%;}
.main-content table th {height:3.0em; padding:2px 20px 2px 7px; width:80px; border-bottom:dotted 1px #663e3a; background-color:#fff; text-align:right; color:#999; font-weight:bold; font-size:120%;}
.main-content table td {height:3.0em; padding:2px 7px 2px 7px; border-bottom:dotted 1px #663e3a; background-color:#fff; text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%; color:#555;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.contactform {width:418px; margin:2.0em 0 0 2.0em; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

img.applyformoverhead {float:none; width:510px; display:block; height:10px; margin:10px 0 0 0; padding:0; border:none;}
img.applyformbottom {float:none; width:510px; display:block; height:10px; margin:0; padding:0; border:none;}
.applyform {width:510px; background-color:#fff; border:1px solid #ccc;}
.applyform .top {width:510px; height:40px; background-color:#ede39e;}
.applyform .container{margin:20px 20px 0; padding:0 0 20px;}
.applyform .form_description{border-bottom:1px dotted #CCC; clear:both; margin:0 0 1em;}
.applyform .form_description p {}
.applyform .container ul li{position:relative; display:block; background:none; padding:0; float:left;}
.applyform .container ul li.text{width:290px;}
.applyform .container ul li.radio{width:140px;}
.applyform .container label.description{border:medium none; color:#222; display:block; font-size:105%; font-weight:bold; line-height:150%; padding:0 0 1px;}
.applyform .container ul li div{color:#444; margin:0 4px 0 0; padding:0 0 8px;}
.applyform .container ul li span{color:#444; margin:0 4px 0 0; padding:0; float:left;}
.applyform .container input.text{background:#FFF url(../img/shadow.gif) repeat-x scroll center top; border-color:#7C7C7C #C3C3C3 #DDD; border-style:solid; border-width:1px; color:#333; font-size:100%; margin:0; padding:2px 0;}
.applyform .container input.long{width:90%;}
.applyform .container input.radio{display:block; height:13px; line-height:1.4em; margin:6px 0 0 3px; width:13px;}
.applyform .container label.choice{color:#444; display:block; font-size:100%; line-height:1.4em; margin:-1.55em 0 0 25px; padding:4px 0 5px; width:90%;}
.applyform .container li.buttons{clear:both; display:block; margin-top:0;}
.applyform .container input.button_text{font-size:120%; overflow:visible; padding:0 7px; width:auto;}
.applyform .container .guidelines{background-color:#F5F5F5; border:1px solid #E6E6E6; color:#444; font-size:80%; left:100%; line-height:130%; margin:0 0 0 8px; padding:8px 10px 9px; position:absolute; top:0; width:50%;}
.applyform .formfooter{clear:both; color:#999; font-size:90%; padding-bottom:15px; text-align:center; width:510px; font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;}
.applyform .formfooter a{ border-bottom:1px dotted #999; color:#999; text-decoration:none;}
.applyform .formfooter a.magmag{border:none;}
.applyform .formfooter a.magmag img{clear:none; float:none; border:1px #fff; vertical-align:middle; margin:0; padding:0;}

.sitemap ul {list-style:none;}
.sitemap ul li {margin:0 0 0.5em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:150%; color:#555;}
.sitemap ul li ul {}
.sitemap ul li ul li {margin:0 0 0.5em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_half_1.gif) no-repeat 0 0.5em; line-height:2em; font-size:90%; color:#555;}
.sitemap ul li ul li ul{}
.sitemap ul li ul li ul li{margin:0 0 0.5em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_quot_1.gif) no-repeat 0 0.5em; line-height:2em; font-size:95%; color:#555;}
