@charset "UTF-8";

/* !Reset */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
* { margin:0; padding:0 }

html { overflow-y: scroll; font: small; }

body { font-size: 100%; background: white; color: black; }

section, nav, article, aside, hgroup, header, footer, figure, figcaption, details, menu { display: block; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: inherit; }

pre { font-family: inherit; white-space: pre-wrap; word-wrap: break-word; }

li { list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: inherit; font-weight: inherit; }

q:before, q:after { content: ""; }

sub { line-height: 1; vertical-align: text-bottom; }

sup { line-height: 1; vertical-align: text-top; }

br { letter-spacing: 0; }

img, iframe, embed, object { max-width: 100%; border: 0; vertical-align: bottom; }

table { /*border-collapse: collapse; border-spacing: 4px; font: 100%;*/ }

caption, th { text-align: left; }

fieldset { border: 0; }

legend { color: inherit; }

input, button, select, optgroup, option, textarea { font-size: 100%; line-height: inherit; font-family: inherit; color: inherit; }

/* !Base */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
background-color: #FFF;
/*background-image: url(../img/haikei.gif);*/
line-height: 1.5;
color: #333;
margin: 6px
}

hr.br { color:#FFF; width:0%; border:none; height: 4px }

a:hover { text-decoration: none }

a.title {color:#FFF;text-decoration:none }
a.title:link { color:#FFF;text-decoration:none }
a.title:visited { text-decoration:none }
a.title:active {}
a.title:hover { color: #FFF; text-decoration: underline }

h1.title {
margin-bottom: 10px;
color: #FFF;
font-size: 34px;
margin: 0 0 0.2em 0.6em
}

.subtitle {
color: #FFF;
margin: 0px 0px -10px 20px;
padding-top: 0px;
padding-bottom: 0px;
font-size: 15px
}

.sub2title {
margin-bottom: 10px;
color: #666;
font-size: 16px
}

table{
border: 0px solid #3366CC;
line-height: 1.5;
}

table.search{
border: 0px;
padding: 2px 0px;
margin: 20px;
}

td.whi{
border: 0px;
background-color: #FFF;
line-height: 1.4;
}

td {
font-size:12px;
border: 1px solid #3366CC;
padding: 2px; 0px;
background-color: #FFF;
}

td.title {
background-color: #000099;
font-size:12px;
border: 1px solid #3366CC;
padding: 2px; 0px;
}

td.menu { border: 0px }

td.sub {
border: 0px;
background-color: #C7E0F9;
padding: 0px 0px 0px 0px;
}

td.des {
font-size:14px;
border: 1px solid #3366CC;
font-height:120%;
}

td.news {
font-size:14px;
border: 1px solid #3366CC;
font-height:120%;
}

.kobetutitle {
background: #C7E0F9;
font-size:20px;
border: 0px;
color: #FFF;
font-weight:bold;
padding: 3px 0px 5px 15px;
background:#0280fd;
border:1px solid #b4defc;
/*background:url( http://quship.com/deaeru/img/bar.gif ) no-repeat;*/
}

.kobetu {
background-color: #C7E0F9;
color: #666;
font-weight:bold;
font-size:16px;
border: 0px;
padding: 10px;
margin: 10px;
line-height: 1.4;
}

.kobetutitle2 {
color: blue;
font-weight:bold;
font-size:20px;
}

.kobetu2 {
font-size:15px;
border: 0px;
padding: 10px;
line-height: 1.4;
}

.kobetu2 p {
margin-bottom: 1.4em
}

h1.kobetutitle { font-size: 174%; margin: 0.83em 0 }
.kobetu2 h2 { font-size: 18px; margin-bottom: 0.5em }

.point {
padding: 0px 2px 0px 0px;
color: #000;
font-weight:bold;
font-size:30px;
}

.point2 {
padding: 0px 2px 0px 0px;
color: red;
font-weight:bold;
font-size:30px;
}

strong.des {
font-size:14px;
font-style: normal;
color: #000;
}

th {
background-color: #C7E0F9;
font-size:12px;
border: 1px solid #3366CC;
padding: 2px; 0px; 2px; 0px;
text-align: center;
}

/* 強調 */
strong {
font-size: 15px;
color: #FD0101;
}

/* 太文字 */
b {
font-size: 12px;
font-style: normal;
font-weight: normal;
}

b.top {
font-size: 15px;
font-style: normal;
font-weight: bold;
color: #E30F56;
}

b.bold {
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #5555FF;
}

/* フォームの部品 */
INPUT.text {
border-width: 1px;
border-style: solid;
border-color: #000;
width: 100%;
}

/* 検索ボタンなど */
INPUT.search {
border-width: 1px;
border-style: solid;
border-color: #000;
width: 100%;
height: 50px;
}

#topic {
margin:20px 2px 0;
border: 1px solid #36C;
}
#topic .info {
background-color: #C7E0F9;
border-bottom: 1px solid #36C;
padding:6px;
}
#topic .review {
padding:14px;height:100px
}
#topic img {
float:left;padding-right:16px
}
#topic .links {
margin:10px auto 0;
overflow:hidden;
width:200px;
}
#topic a:link, #topic a:visited {
font-size: 15px;
font-style: normal;
font-weight: bold;
color: #E30F56;
}

.stop { 
text-align: center;
margin: 1.75em 0;
color: red
}

.topcontrol {
background: url(../img/return.png) no-repeat 0 0;
width: 26px;
height: 26px;
cursor: pointer;
}

/* 相談 */
#spotlight2 {
border: 1px solid #C36;
margin: 0 10px;
background: url(../images/tbg2.gif) repeat-x bottom;
padding: 6px;
background-color: #FFC;
}
#spotlight2 h2 { font-size: 140%; font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
padding: 12px 6px; font-weight: bold }
#spotlight2 .topics {
width: 315px;
float: left;
text-align: center;
padding: 10px 0
}
#spotlight2 p { margin: 5px 12px 5px 12px }

/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:block;
overflow:hidden;
}

.cf:after {
clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}