@charset "utf-8";

/******* 基本設定 *******/

body{margin: 0px auto 0;
padding: 0px;
line-height: 1.166;
color: #333333;
font-size: 12px;
text-align:center;
background-image:url(../img/bg.jpg);
background-repeat:repeat-y;
background-position:center top;}

img{border: none;}
u{border-bottom:2px solid #dd0015;
text-decoration:none;}

.bold{font-weight:bold;}
.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}
.left{text-align: left;}
.red_l{color:#f23333;}
.water{color:#65b8e5;}
.red{color:#dd0015;}
.yellow{color:#fbdb3a;}
.white{color:#ffffff;}
.black{color:#000000;}
.green{color:#4dc00b;}
.bg_gray{background-color:#cccccc;}

.bk-939393{background-color:#939393 !important;}
.bk-e6e6e6{background-color:#e6e6e6 !important;}


.font34{font-size:34px !important;}
.font30{font-size:30px !important;}
.font26{font-size:26px !important;}
.font22{font-size:22px !important;}
.font20{font-size:20px !important;}
.font18{font-size:18px;}
.font16{font-size:16px;}
.font14{font-size:14px;}
.font12{font-size:12px;}
.font10{font-size:10px;}
.width10{width:10%;}
.width15{width:15%;}
.width20{width:20%;}
.width22{width:22%;}
.width30{width:30%;}
.width33{width:33%;}
.width40{width:40%;}
.width50{width:50%;}
.width100{width:100%;}

/******* BOX *******/
#box{width:800px;
margin: 0px auto 0;
padding: 0px;
background-color:#ffffff;}


/******* ヘッダー *******/
#header{margin: 0px auto 0;
padding: 0px;
text-align:center;}
#header_contents{margin: 0px auto 0;
padding: 0px;
text-align:left;
width:800px;
height:81px;}

#header h1{margin: 0px 20px 0px 0px;
padding-top:10px;
z-index: 10;
font-size: 17px;
text-align:right;}

#header p{margin: 10px 20px 0px 300px;
z-index: 5;
text-align:right;
line-height:17px;
color:#999999;}

#header h2{font-size: 10px;
position: absolute;
top: 60px;
margin: 0px 0px 0px 10px;
padding: 0px;
z-index: 10;}
#header h2 a{color: #038ec9;
text-decoration: none;
font-weight: normal;}

#header img{position: absolute;
top: 10px;
margin: 0px 0px 0px 10px;
padding: 0px;
z-index: 1;}


/******* カテゴリ *******/
#category{margin: 0px auto 0;
padding: 0px;
text-align:center;
height:53px;
background-image: url(../img/bg_category.gif);
background-repeat:repeat-x;}
#category_contents{margin: 0px auto 0;
padding: 0px;
text-align:left;
width:800px;}

#category ul{margin:0px;
padding:0px;
list-style-type:none;}
#category li{float: left;}


/******* メイン *******/
#main{clear:both;
margin: 0px auto 0;
padding: 0px;
text-align:center;}
#main_contents{margin: 0px auto 0;
padding: 0px;
text-align:left;
width:800px;}

/******* パンくず *******/
#pankuzu{font-size:10px;
margin-top:10px;
margin-bottom:10px;}

#pankuzu a{color:#0000ff;
text-decoration:none;}


/******* メイン（右側） *******/
#main-right{width:600px;
float:right;
text-align:left;
padding-right:10px;
padding-bottom:20px;}

#main-right h3{font-size:14px;
font-weight:normal;
color:#ffffff;
margin:0px 0px 10px 0px;
padding:4px 0px 4px 10px;
border-left:5px solid #616264;
background-image:url(../img/bg_h3.gif);
background-repeat:repeat-x;}

#main-right h4{font-size:15px;
border-bottom:2px solid #616264;
padding:4px 0px 6px 30px;
background-image:url(../img/bg_h4.gif);
background-repeat:no-repeat;
clear:both;}

#main-right h5{font-size:12px;
margin:0px 0px 0px 0px;
color:#993333;
border-left:5px solid #993333;
padding-left:5px;}


/******* メイン（左側） *******/
#main-left{text-align:center;
padding-top:10px;
width:190px;
margin-bottom:20px;}

#main-left ul{margin:0px;
padding:0px;
list-style:none;}


/******* テキストリンク *******/
#text{clear:both;
text-align:left;
height:30px;}

#text ul{list-style:none;
margin:0px 0px 0px 10px;
padding:10px 0px 0px 0px;}
#text li{float:left;
margin:0px 0px 0px 10px;
padding:0px;}

#text a{color:#000000;}


/******* フッター *******/
#footer{border-left:1px solid #aaaaaa;
border-right:1px solid #aaaaaa;
background-image: url(../img/bg_footer.jpg);
background-repeat: repeat-x;
height:125px;}

#footer_contents{margin: 0px auto 0;
padding: 0px;
text-align:left;
width:800px;
height:125px;}

#bottom_sub{width:100%;
padding:15px 0px 20px 0px;}
#bottom_sub ul{color: #ffffff;
padding:0px;
margin:0px;
list-style-type:none;}
#bottom_sub li{float: left;
margin:0px 0px 0px 20px;}
#bottom_sub li a{color: #ffffff;
text-decoration:none;}

#copyright_area{width:100%;
float:none;}

#copyright_area_right{float:right;
width:60%;
text-align:right;
padding: 0px 20px 0px 0px;}
#footer h3{font-size: 10px;
font-weight: normal;
color: #999999;}
#footer h3 a{color:#999999;
text-decoration: none;}
#footer p{color:#ffffff;}

#footer img{margin:15px 0px 0px 20px;}


/******* フォーム *******/
#form table{font-size:13px;
width:100%;
background-color:#d3d3d3;}

#form th{padding:5px;
text-align:left;
background-color:#fccf01;}
#form hr{margin:20px 0px 10px 0px;}
#form dd{margin:5px 0px 20px 20px;}
#form a{color:#0000ff;}

#base th{vertical-align:top;
width:25%;}
#base td{padding:5px;
vertical-align:top;
background-color:#ffffff;}

.base{margin-top:10px;
margin-bottom:10px;}
.base th{vertical-align:top;
width:25%;}
.base td{padding:5px;
vertical-align:top;
background-color:#ffffff;}
.plus th{width:25%;}
.plus td{padding:5px;
background-color:#ffffff;}


/******* Ｑ＆Ａ *******/
.qa_all{margin-top:10px;
margin-bottom:20px;
font-weight:bold;
padding:5px;
font-size:13px !important;}
.qa_no{font-size:10px;
padding:3px;
background-color:#c81928;
width:15%;
text-align:center;
color:fbdb3a;
border:2px solid #3b3b3b;}
.qa_le{padding-left:5px;
background-color:#ffffff;
border-bottom:2px solid #3b3b3b;
font-weight:bold;}
.qa_detail{font-weight:normal;
padding-bottom:30px;}
#qa_detail_end{padding-bottom:0px !important;}


/******* 詳細 *******/
.service{margin:10px 0px 10px 0px;
width:100%;
font-size:13px;
background-color:#008ecd;}
.service th{background-color:#ccffff;
color:#008ecd;
padding:3px;}
.service td{padding:3px;
background-color:#ffffff;}
.service_pick{border:2px dashed #c81928;
padding:10px;}


/******* オーダーメイド *******/
#om{width:100%;
font-size:12px;
background-color:#000000;}

#om td{background-color:#ffffff;
padding:3px;}


/******* パッケージ *******/
.pack_tb{background-image: url(../img/package/pack_t_common.gif);
background-repeat:repeat-y;
font-size:14px;}
.pack_tb td{vertical-align:top;}
.pack_tb_le{padding:10px;
width:370px;}
.pack_tb_img{width:200px;
text-align:right;}

.packimg{margin-bottom:20px;}
#pack_offer{margin-top:40px;}
.pack_details{font-size:13px;
margin-bottom:10px;}


/******* 利用規約 *******/
#rule dd{margin:0px 0px 10px 15px;}

textarea{font-size:13px;}

/******* 流れ *******/
.flow_all{background-image: url(../img/flow/flow_t_common.gif);
background-repeat:repeat-y;
font-size:13px;}
.flow_le{padding-left:5px;
font-weight:bold;
border-bottom:2px solid #fbdb3a;}
.flow_detail{padding:10px;}
.flow_detail ul{margin-bottom:0px;}
.flow_arrow{padding-top:5px;
height:50px;
text-align:center;
color:#3b3b3b;}
#flow_end{border:2px dashed #c81928;
padding:10px;}

/******* 事例 *******/
.expt{width:100%;
background-color:#666666;
font-size:12px;}

.expt td{background-color:#ffffff;
padding:5px;}


/******* その他 *******/
#choice{margin-bottom:10px;}

.list-other{margin-bottom:5px;}
.list-service{margin-top:10px;}

.flow-chart{width:100%;
font-size:12px;}

.flow-chart th{text-align:left;
padding:5px;
background-color:#eae8d8;
border-top:1px solid #c2c0b3;
border-left:1px solid #c2c0b3;
border-right:1px solid #c2c0b3;}

.flow-chart td{padding:5px;
vertical-align:top;}

.flow-detail{padding:5px;
background-color:#f9f7ea;
border-bottom:1px solid #c2c0b3;
border-left:1px solid #c2c0b3;
border-right:1px solid #c2c0b3;}


/******* リンク集 *******/
.linkbox{width:100%;
background:#edebea;
font-size:13px;}
.linkbox th{border-bottom:1px solid #07a3ed;
padding:5px;
width:20%;
text-align:left;}
.linkbox td{border-bottom:1px solid #07a3ed;
padding:5px;}

.linkcabox{font-size:13px;
margin-bottom:10px;}
.linkcabox td{vertical-align:top;}

#linklist dd{margin:0px 0px 10px 0px;}