@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* {
padding:0;
margin:0;
}

a:link {
color:#0000ff;
text-decoration:underline;
}

a:visited {
color:#990099;
text-decoration:underline;
}

a:hover {
color:#ff0000;
text-decoration:underline;
}
img {
border:none;
}

.outline {
background:url(./images/overline.gif) repeat-y;
margin:0 auto;
padding-bottom:6px;
width:778px;
}


/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
font-size:0.85em;
text-align:center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:0;
margin:0;
}

/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
text-align: left;
margin:0 auto 0;
width:748px;
}

#header {
padding:8px 0px 0px 0px;
}
#header img {
vertical-align : bottom;
display:block;
}

#topnavi {
width:100%;
position:relative;
font-size:0.9em;
}

#contents {
float:right;
width:546px;
padding:8px 0px 1.5em 10px;
}

#sidebar {
float:left;
width:180px;
padding:8px 10px 2em 0px;
}

#footer {
clear:both;
padding:0.5em 0 1em;
background-color:#E1F0FF;
}

/* ---------------------------------------- #header内の指定 */

/* -- 見出しレベル1 -- */
h1 {
text-align:left;
font-size:0.9em;
font-weight:bold;
margin-bottom:8px;
color:#367ea6;
}

/* -- 企業名 ショップ名 サイト名 -- */
.logo {
font-size:1.8em;
margin-bottom:0.5em;
}

.logo a {
text-decoration:none;
background-color:#ffffff;
color:#0099ff;
}

.logo a:hover {
text-decoration:none;
background-color:#ffffff;
color:#ff0000;
}

/* -- 概要 -- */
.description { }

/* ---------------------------------------- #globalnaviの指定 */

#topnavi ul {
width:748px;
list-style-type:none;
position:absolute;
background-color:#FFA500;
}

#topnavi li {
float:left;
padding:0px 6px 0px 20px;
margin:0px 0px 0px 3px;
font-weight:bolder;
background:url("./images/navi.gif") no-repeat 0% 50%;
}
#topnavi img {
margin-right:6px;
}
#topnavi .navi01{
width:160px;
border:none;
}

#topnavi li a {
text-decoration:none;
display:block;
width:auto;
padding:0.5em 0;
background-color:#FFA500;
color:#000000;
}
#topnavi li a:visited {
text-decoration:none;
background-color:#FFA500;
color:#808000;
}

#topnavi li a:hover {
background-color:#99ccff;
color:#ff0000;
}

/* ---------------------------------------- #contents内の指定 */

/* -- 見出し -- */
h2 {
font-size:16px;
margin-bottom:1.5em;
padding:5px 0 5px 5px;
border-left:10px solid #0000ff;
border-bottom:1px solid #0000ff;
}

h3 {
clear:both;
text-decoration:none;
display:block;
font-size:15px;
margin-top:0;
padding-bottom:8px;
 }
h4 {
clear:both;
text-decoration:none;
font-size:15px;
margin-top:18px;
padding-bottom:8px;
}
h5 {
clear:both;
text-decoration:none;
font-size:15px;
margin-top:18px;
padding-bottom:8px;
color:#00008b;
}

/* -- 文字 -- */
#contents p {
font-size:15px;
line-height:1.6em;
margin-bottom:1em;
clear:both;
}

/* -- パン屑リスト -- */
#topic {
width:100%;
margin-bottom:8px;
margin-top:33px;
font-size:13px;
}

/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }

#contents dt {
margin-bottom:0.5em;
font-weight:bold;
border-bottom:1px dotted #666666;
}

#contents dd { margin-bottom: 2em; }

#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#contents li { list-style-type:none; display: block; margin-bottom: 0.5em; padding-left:16px; background: url("./images/list2.gif") no-repeat 0% 6px;line-height:150%; }

.design2 {color:#000080}

span.img {
float:right;
margin-left:18px;
}

#guide_s {
width:100%;
border-collapse:collapse;
}
#guide_s tr {
border-right:#000088 1px solid;
border-top:#000088 1px solid;
}
#guide_s td {
width:273px;
padding:6px;
line-height:130%;
border-bottom:#000088 1px solid;
border-left:#000088 1px solid;
font-size:13px;
}
#guide_s p {
font-size:13px;
line-height:130%;
}
#guide_s img {
margin:6px 8px 6px 0;
}
* html #guide_s td {
border-right:#000088 1px solid;
}
* html #guide_s tr {
border-right:#000088 1px solid;
}

/* ---------------------------------------- #sidebar内の指定 */
.sidetop {
font-size:0.9em;
line-height:130%;
}
/* -- カテゴリタイトル -- */
.sidetitle {
clear: both;
padding:0.5em 0;
border-top:2px solid #0000ff;
font-weight:bolder;
}

/* -- リスト -- */
.localnavi {
list-style-type:none;
margin-bottom:2em;
}

.localnavi li { display: inline; }

.localnavi a {
text-decoration:none;
display:block;
width:170px;
padding:0.5em 5px;
background-color:#E1F0FF;
color:#000000;
}
.localnavi a:visited {
text-decoration:none;
background-color:#E1F0FF;
color:#800080;
}

.localnavi a:hover {
text-decoration:none;
background-color:#999999;
color:#ff0000;
}

/* ---------------------------------------- #footer内の指定 */
#footer p {
text-align:center;
font-size:0.9em;
color:#666;
}

/* 以下 CSSデザインサンプルクレジット部分 */
#cds{ display: none; }

.side_list {
float:left;
color:#ffd700;
}
#navi2 {
clear:both;
padding:1em 0 1em 0;
text-align:center;
padding-bottom:12px;
line-height:120%;
}
#navi2 a {
text-decoration:none;
}
#navi2 a:hover {
text-decoration:none;
}

span.red {
color:#B22222;
font-weight:bold;
}

span.namisen {
background:url("./images/line.gif");
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:0.3em
}
span.marker {
font-weight:bold;
background-color:#ffff00;
}
#li2 {
font-size: 15px;
line-height:150%;
padding-left:24px;
margin-bottom:10px;
}
pre{
clear: both;
font-size: 14px;
background-color:#fff;
border-top:#666 1px solid;
border-right:#888899 2px solid;
border-bottom:#888899 2px solid;
border-left:#666 1px solid;
margin:15px;
padding:0.5em;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
line-height:150%;
}
.design {
font-size:12px;
}
.design td {
width:100px;
text-align:center;
vertical-align:top;
}
.design_d {
font-size:12px;
}
.design_d td {
width:100px;
text-align:center;
padding:3px;
}
.shiyou {
clear:both;
border-collapse:collapse;
margin-top:38px;
margin-bottom:20px;
}
.shiyou td {
font-size:14px;
border-bottom:#808080 1px solid;
height:30px;
white-space:nowrap;
}
.shiyou th {
color:#367ea6;
text-align:left;
font-size:14px;
padding-bottom:8px;
}
#welcome {
float:left;
width:100%;
margin-top:20px;
margin-bottom:20px;
}
#welcome td {
font-size:15px;
line-height:150%;
padding:0 50px 20px 0;
}
#welcome 2 {
float:left;
width:100%;
margin-top:20px;
}
#welcome2 td {
font-size:15px;
line-height:150%;
width:273px;
text-align:center
}
.tate {
width:100%;
border-collapse:collapse;
margin-top:30px;
}
.tate tr {
border-right:#000088 1px solid;
border-top:#000088 1px solid;
}
.tate td {
border-left:#000088 1px solid;
border-bottom:#000088 1px solid;
padding:6px;
text-align:center;
height:23px;
font-size:15px;

}
* html .tate {
border-right:#000088 1px solid;
border-top:#000088 1px solid;
}
.ichiran {
margin-top:40px;
line-height:1.6em;
}
.ichiran td {
line-height:1.6em;
font-size:15px;
vertical-align:top;
}
.kenchiku {
width:100%;
}
.kenchiku img {
margin-bottom:20px;
}
#kenchiku2 {
margin-right:auto;
margin-left:auto;
}
#kenchiku2 td {
font-size:15px;
line-height:1.6em;
}
.kenchiku2 {
text-align:center;
}
.mordert {
border-top:1px solid #8080C0;
border-right:1px solid #8080C0;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
width:100%;
margin-bottom:16px;
}
.mordert th {
border-bottom:1px solid #8080C0;
border-left:1px solid #8080C0;
background-color:#DCDCED;
font-size:15px;
text-align:center;
padding:2px;
}
.mordert td {
border-bottom:1px solid #8080C0;
border-left:1px solid #8080C0;
background-color:#ffffff;
font-size:15px;
padding:2px;
}
.orderpanel {
width:100%;
border:1px solid #8080C0;
border-collapse:collapse;
border-spacing:0;
margin-bottom:20px;
}
.orderpanel td {
padding:10px;
text-align:center;
font-size:15px;
}
.morder {
border-top:1px solid #8080C0;
border-right:1px solid #8080C0;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
width:100%;
margin-bottom:16px;
}
.morder th {
border-bottom:1px solid #8080C0;
border-left:1px solid #8080C0;
background-color:#DCDCED;
font-size:13px;
padding:2px;
}
.morder td {
border-bottom:1px solid #8080C0;
border-left:1px solid #8080C0;
background-color:#ffffff;
font-size:13px;
padding:2px;
}
#tuuhan {
font-size:14px;
width:100%;
line-height:1.6em;
}
#tuuhan td {
padding:6px 16px 20px 6px;
vertical-align:top;
}
#renraku {
vertical-align:top;
}
#renraku td {
padding:0 3px;
}
#daibiki {
border-top:1px solid #000;
border-right:1px solid #000;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
font-size:13px;
margin-left:18px;
text-align:center;
}
#daibiki td {
border-bottom:1px solid #000;
border-left:1px solid #000;
padding:4px 8px;
}
#souryou {
border-top:1px solid #000;
border-right:1px solid #000;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
width:93%;
margin-left:22px;
margin-bottom:30px;
}
#souryou td {
border-bottom:1px solid #000;
border-left:1px solid #000;
padding:4px 6px 4px 12px;
line-height:130%;
}
.link {
width:100%;
border-spacing:0;
}
.link td {
padding:3px 6px 3px 3px;
}
.link tr.odd {
background-color:#eaeaea;
}
#key {
width:100%;
}
.toiawase {
border-collapse:collapse;
border-spacing:0;
font-size:15px;
margin-bottom:16px;
width:560px;
text-align:center;
margin:0 auto;
margin-top:30px;
}
.toiawase th {
border-left:1px solid #fda164;
border-right:1px solid #fda164;
text-align:left;
background:#fda164;
padding:4px 0px 4px 8px;
}
.toiawase td {
border-left:1px solid #fda164;
border-bottom:1px solid #fda164;
text-align:left;
padding:8px 0px 8px 8px;
}
.toiawase h3 {
color:#2F4F4F;
font-size:17px;
}
#linkq {
margin-top:6px;
text-align:center;
}
.img {
float:right;
}
.img p {
padding-top:10px;
}
.mailend {
margin-top:40px;
margin-left:130px;
line-height:200%;
}