@charset "utf-8";
/* リンクスタイル */
a {
color: #36c;
text-decoration: none;
}
a:hover {
color: #CC6600;
text-decoration: none;
}
p.desc_arrow {
clear: both;
float: right;
width: 270px;
text-align: center;
border-right: 1px solid #009999;
border-top: 1px solid #009999;
border-bottom: 1px solid #009999;
padding: 2px 2px 2px 19px;
background: url(/img/css/desc_arrow.jpg) no-repeat left center;
}
p.desc_arrow a {
display: block;
}
p.desc_arrow_s {
clear: both;
float: right;
width: 160px;
text-align: center;
border-right: 1px solid #009999;
border-top: 1px solid #009999;
border-bottom: 1px solid #009999;
padding: 2px 2px 2px 19px;
background: url(/img/css/desc_arrow.jpg) no-repeat left center;
}
p.desc_arrow_s a {
display: block;
}
/* 初期設定 */
div#apply_block {
border: 1px silver solid;
padding: 5px;
margin-bottom: 5px;
background: #FFFFFF;
}
div#apply_sample {
margin: 5px;
border: 2px solid silver;
padding: 5px;
}
div#apply_sample li {
line-height: 150%;
font-size: 90%
}
div#apply_sample img.imgfloat_r {
border: 1px silver solid;
}
div#apply_flow {
margin: 5px;
border: 2px solid silver;
padding: 5px;
}
div#apply_flow li {
line-height: 150%;
font-size: 90%
}
div#apply_flow img.imgfloat_r {
border: 1px silver solid;
}
div#apply_flow {
text-align: center;
}
h4.step {
background: none;
text-align: left;
}
div#apply_flow table {
margin-bottom: 10px;
}
div#apply_flow td {
font-size: 90%;
}
div#apply_flow p {
text-align: left;
}
div#apply_flow h2 {
text-align: left;
}
div#apply_flow h3 {
text-align: left;
}
div#apply_flow h4 {
text-align: left;
}
div#apply_flow li {
text-align: left;
}
div#ancerbox {
width: 200px;
font-size: 90%;
float: right;
border: 3px double silver; 
margin-right: 10px;
padding; 3px;
}
div#ancerbox ol {
margin: 0;
padding: 3px 3px 3px 30px;
}
p.apply_title {
width: 88px;
height: 88px;
background: url(/img/css/applyback.jpg) no-repeat left center;
text-align: center;
margin: 0 0 0 20px;
padding: 0;
font-weight: bold;
font-size: 130%;
color: #FFFFFF;
line-height: 88px;
}
/* 段落 */
h1 {
margin: 0px 0px 20px;
padding: 5px 5px 3px;
border: 1px #cccccc solid;
font-size: 16px;
color: #333399;
line-height: 130%;
}
h1#topimage {
margin: 0;
padding: 0;
border: 0;
line-height: 100%;
}
h1.imgtitle {
margin: 0;
padding: 0;
border: 0;
line-height: 100%;
}
h2 {
clear: both;
color: #fff;
font-size: 115%;
font-weight: bold;
line-height: 130%;
background-image: url("../pic/h3_back.gif");
background-repeat: repeat-y;
margin: 10px 0 12px 5px;
padding: 5px 10px 4px;
vertical-align: middle;
}
h2#subtopimage {
line-height: 100%;
background-image: none;
margin: 5px 0 0 0;
padding: 0;
}
h2.item {
color: #fff;
font-size: 16px;
font-weight: bold;
line-height: 26px;
background-image: url("../pic_tool/storytitle_bg.jpg");
background-repeat: repeat-x;
text-align: left;
margin: 0;
padding: 0 0 0 20px;
vertical-align: middle }
h3 {
color: #006699;
text-indent: 0px;
padding-left: 18px;
line-height: 200%;
font-size: 95%;
background-image: url(../images/icon_sphere02.jpg);
background-repeat: no-repeat;
background-position: left;
}
.planbox h3 {
float: left;
width: 92px;
margin: 0 2px 5px 0;
padding: 0;
background: none;
text-indent: 0;
}
.planbox h3.end {
margin-right: 0;
}
.rankingbox h3 {
margin: 0;
padding: 0;
background: none;
text-indent: 0;
}
.rankingbox_end h3 {
margin: 0;
padding: 0;
background: none;
text-indent: 0;
}
h3.tabletitle_A {
color: #FFFFFF;
text-indent: 18px;
line-height: 100%;
font-size: 100%;
margin: 0 10px;
padding: 0;
background-image: url(../pic_index/icon_arrow3.gif);
background-repeat: no-repeat;
background-position: left center;
}
h4 {
color: #006699;
text-indent: 10px;
line-height: 200%;
font-size: 90%;
background-image: url(../images/icon_rectangle01.gif);
background-repeat: no-repeat;
background-position: left;
}
.planbox h4 {
font-size: 100%;
margin: 0;
padding: 0;
}
.planbox h5 {
border-left: 3px solid #CC6600;
text-indent: 5px;
background: silver;
color: #000000;
padding: 5px 0;
}
h5 {
color: #006699;
margin: 5px;
font-size: 85%;
}
p {
font-size: 90%;
line-height: 140%;
}
p.selif {
font-size: 14px;
font-weight: bold;
}
p.route_sel {
text-align: center;
padding: 0px 20px;
margin: 0;
}
b.price {
font-size: 18px;
color: red;
}
.align_center {
text-align: center;
}
/* 画像関係 */
img {
border: 0;
margin: 0;
padding: 0;
}
.imgfloat_l {
float: left;
margin: 0 10px 10px 0;
}
.imgfloat_r {
float: right;
margin: 10px 0 0 10px;
}
img.apflow {
float: left;
border: 2px solid #000000;
}
.float_rb {
margin-right: 5px;
margin-left: 5px;
float: right;
vertical-align: bottom
}
/* div関連 */
.defaultbox{
clear: both;
margin: 5px 0;
padding: 0px;
width: 572px;
}
.planbox {
padding: 0 0 0px 0;
background: url() no-repeat left bottom; 
}
div.rankingbox {
width: 184px;
float: left;
margin: 0 5px 0 0;
}
div.rankingbox_end {
width: 184px;
float: left;
margin-right: 0px;
}
.planbox div {
border-top: 2px silver solid;
border-bottom: 2px silver solid;
background: url(/img/planboc_back.jpg) repeat-y center top;
padding: 10px;
margin: 10px;
}
div.box_notice1 {
margin: 10px;
border: 1px silver solid;
}
div.box_notice1 p {
margin: 10px;
color: blue;
font-size: 90%;
}
div.usesap_box {
border: 2px dotted silver;
padding: 5px;
margin: 5px;
width: 142px;
text-align: center;
float: left;
}
div.usesap_box h3 {
background: none;
margin: 0;
padding: 0;
text-indent: 0;
text-align: center;
font-size: 14px;
}
/* テーブル関連 */
.plantable td {
font-size: 80%;
line-height: 150%;
}
.plantable div.table_title {
display: block;
margin: 0;
padding: 0px;
text-align: center;
vertical-align: middle;
background: url(/pic_tool/storytitle_bg.jpg) repeat-x left center;
}
.plantable div.table_title span {
font-size: 120%;
line-height: 180%;
color: #FFFFFF;
font-weight: bold;
vertical-align: middle;
}
.plantable div.table_title img {
margin: 0px 5px;
vertical-align: middle;
}
.plantable th {
text-align: center;
line-height: 150%;
font-size: 90%;
}
.plantableVPS td {
font-size: 80%;
line-height: 150%;
}
table.plantableVPS {
border-collapse: collapse;
width: 550px;
margin: 10px auto;
}
.plantableVPS div.table_title {
display: block;
margin: 0;
padding: 0px;
text-align: center;
vertical-align: middle;
background: url(/pic_tool/storytitle_bg.jpg) repeat-x left center;
}
.plantableVPS div.table_title span {
font-size: 120%;
line-height: 180%;
color: #FFFFFF;
font-weight: bold;
vertical-align: middle;
}
.plantableVPS div.table_title img {
margin: 0px 5px;
vertical-align: middle;
}
.plantableVPS th {
text-align: center;
line-height: 150%;
font-size: 90%;
}
table.chargelist_mini {
width: 100%;
}
.chargelist_mini td {
text-align: center;
}
.chargelist_mini b {
font-size: 105%;
}
table.usestable_mini {
width: 100%;
}
table.usestable_mini td {
padding: 3px;
text-align: center;
line-height: 150%;
}
td.usestable_minibk {
border: 1px solid #663300;
background: #FFCC99
}
/* span */
.route_sel span {
display: block;
width: 114px;
float: left;
text-align: center;
}
/* リスト関連 */
ol.ranking_spec {
font-size: 90%;
border: 0px solid black;
margin: 0;
padding: 5px;
list-style-type: none;
text-align:center;
}
ol.ranking_spec a {
display: block;
color: black;
}
ol.ranking_spec a:hover {
color: #CC6600;
}
li.ranking1 {
background: url(/img/icon/icon_ranking_1.jpg) no-repeat left center;
text-indent: 0px;
padding-left: 38px;
}
li.ranking2 {
background: url(/img/icon/icon_ranking_2.jpg) no-repeat left center;
padding-left: 38px;
}
li.ranking3 {
background: url(/img/icon/icon_ranking_3.jpg) no-repeat left center;
padding-left: 38px;
}
dl.point_merit {
}
dl.point_merit dt {
border-bottom: 1px silver solid;
background: url(/img/list/listhand1.jpg) no-repeat left center;
text-indent: 40px;
line-height: 25px;
margin: 5px;
}
dl.point_merit dd {
border: 1px solid #CC6600;
text-indent: 0;
display: block;
padding: 5px;
font-size: 85%;
}
/* メインコンテンツ共通 */
#contener_all {
width: 720px;
margin: 0px auto;
text-align: left;
}
#maincontent_r {
padding: 5px;
width: 562px;
_width: 562px;
float: right;
border: 1px solid silver;
background: #FFFFFF;
margin-bottom: 10px;
}
#maincontent_r p {
margin: 5px;
}
p#pan {
border-bottom: 2px solid silver;
}
#maincontent_l {
width: 138px;
border: 1px solid silver;
float: left;
margin-bottom: 10px;
overflow: hidden;
}
/* サービス一覧 */
.service_content_r {
float: right;
width: 270px;
min-height: 100px;
margin: 5px 2px;
border: 1px silver solid;
background: #FFFFCC;
}
.service_content_l {
float: left;
min-height: 100px;
width: 270px;
margin: 5px 2px;
border: 1px silver solid;
background: #CCFFFF;
}
.service_content_r p {
margin: 5px;
line-height: 150%;
}
.service_content_l p {
margin: 5px;
line-height: 150%;
}
.service_content_l h3 {
width: 270px;
margin: 0;
padding: 0;
background: none;
text-indent: 0px;
}
.service_content_r h3 {
width: 270px;
margin: 0;
padding: 0;
background: none;
text-indent: 0px;
}
p.service_ot_content {
clear: both;
margin: 5px;
border: 1px #CC0000 solid;
background: #FFCCFF;
padding: 5px;
}
.float_l {
float: left;
}
.clear_b {
clear: both;
}
.group_content img {
margin-bottom: 10px;
}
.group_content p {
float: right;
width: 260px;
_width: 270px
min-height: 100px;
margin: 5px;
border: 1px silver solid;
background: #CCFFFF;
padding: 5px;
font-size: 110%;
text-align: justify;
line-height: 150%;
}
.group_content_c p {
float: right;
width: 260px;
_width: 270px
min-height: 100px;
margin: 5px;
border: 1px silver solid;
background: #FFFFCC;
padding: 5px;
line-height: 150%;
font-size: 95%;
}
.group_content h2 {
margin: 10px 0;
clear: both;
text-indent: 0px;
}
.group_content h2 a {
text-decoration: none;
color: white;
}
.group_content_c h2 {
background: none;
border: 2px solid #FFCC66;
font-weight: bold;
text-align: center;
color: #000000;
clear: both;
text-indent: 0px;
}
p.group_ot_content {
clear: both;
margin: 5px;
border: 1px #CC0000 solid;
background: #FFCCFF;
padding: 5px;
}
/* ここから最後までメインメニュー固有 */
#menuNav {
width: 138px;
font-family: "ＭＳ Ｐゴシック", sans-serif,osaka,"ヒラギノ角ゴ Pro W3",;
background-color: transparent;
background: url(img/leftblock138_bg.gif) no-repeat left bottom;
padding: 0 0 5px 0px;
margin: 0 0 5px 0;
text-align: left;
}
/* html>body #menuNav { width: 136px; }*/
#menu_intro {
width: 138px;
margin: 5px 0;
padding: 0;
list-style-type: none; 
}
.menu_intro_s {
text-align: center;
margin: 0;
padding: 0;
font-size: 10px;
line-height: 140%;
text-indent: 0;
background-image: url(menu/navi_extra.gif);
background-repeat: no-repeat;
background-position: center center;
list-style-type: none; 
}
/* -- menu name --- */
h6.menu_main {
font-weight: bold;
text-indent: 0;
font-size: 12px;
line-height: 120%;
padding: 0 5px;
margin: 0;
background-image: none;
border-top: 1px solid silver;
}
html* .sectionLinks h6.menu_main {
padding-top: 2px;
}
.sectionLinks h6.menu_main_ex {
display: block;
text-indent: 0;
font-size: 12px;
line-height: 150%;
padding: 0px;
margin: 3px 0px;
text-indent: 14px;
background-image: url(menu/point.gif);
background-repeat: no-repeat;
background-position: 2px center;
}
.sectionLinks a:link {
/*display: block; */
font-weight: bold;
padding: 4px 1px 2px 1px;
color: #555;
background-color: transparent;
text-decoration: none;
}
.sectionLinks a:visited {
/*display: block;*/
font-weight: bold;
padding: 4px 1px 2px 1px;
color: #666;
background-color: transparent;
text-decoration: none;
}
.sectionLinks a:hover {
/*display: block;*/
/*background: url(menu/menu_sel.gif) no-repeat 0px;*/
font-weight: bold;
padding: 4px 1px 2px 1px;
color: #000000;
background-color: transparent;
text-decoration: none;
}
div.relatedLinks {
margin-bottom: 5px;
}
.relatedLinks li {
display: block;
font-size: 11px;
padding: 0px;
margin: 0;
line-height: 130%;
}
.relatedLinks ul {
padding: 0;
margin: 0;
list-style-type: none;
}
html* .relatedLinks ul {
margin-left: 5px;
}
.relatedLinks li a {
display: block;
width: 110px;
padding: 1px 0px 0px 18px;
margin-left: 10px;
background-image: url(menu/selecter_mm.gif);
background-repeat: no-repeat;
background-position: left center;
TEXT-DECORATION: none;
COLOR: #063655;
}
.relatedLinks li a:hover {
background-image: url(menu/selecter_mm_over.gif);
background-repeat: no-repeat;
background-position: left center;
color: #CC9900;
}
html>body .relatedLinks li
{
padding: 0px 0px 0px 18px;
}
/* SubMenu */
/* ----------------------------------------------------- */
/* title */
/* 最新 */
p.submenu_title {
background: url(/css/img/leftblock138_title.gif) no-repeat left top;
text-align: center;
font-size: 12px;
color:#666;
padding: 4px 0px;
height: 17px;
_height: 17px;
width: 138px;
margin: 5px 0 0 0;
}
img.switch:hover {
cursor: pointer;
}
/* end*/
.menuTop h6.menu_main {
line-height:18px;
color:#666;
height: 25px;
margin: 0;
padding: 3px 0px 3px 0px;
background-repeat: no-repeat;
background-position: 5px 0;
background-image: none;
font-weight: normal;
font-size: 12px;
text-align: center;　
text-indent: 0;
border-top: 1px solid silver;
}
/* newspage */
div.newsmain {
border: 1px silver solid;
padding: 5px;
margin-bottom: 5px;
background: #FFFFFF;
}
div.companyfoot{
text-align: right;
border-top: 1px solid silver;
margin: 5px 0;
padding: 0;
}
div.newsmain td {
font-size: 90%;
}
div.newsmain h1 {
background: #666;
color: #FFFFFF;
text-align: center;
font-size: 90%;
}
ol#news00 {
margin: 0;
padding: 0;
}
ol#news00 li {
font-size: 85%
}
p.newsdate {
text-align: right;
font-size: 85%;
}
td.arrowbox_m {
background: url(images/arrow_box_middle.gif) repeat-x left top;
font-size: 12px;
text-indent: 10px;
padding: 0 10px 0 3px;
text-align: center;
}