/* サイト全体 */
/* ----------------------------------------------------- */  
body{color:333; font-size:small; background-color:#ffffff; margin:0px; padding:0px;}
body.f1{font-size:12px; background-color:#fff;}

p{padding:0px; margin:0px;}

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

td{vertical-align:top;}


h1{font-weight:normal; font-size:small; margin:5px 0px 0px 280px; height:31px}
h2{font-weight:normal; font-size:small; line-height:80%;}
strong{font-weight:normal;}


div.in{display:inline;}
.in{display:inline;}

address{font-style:normal;}

.bg_l{background:url(img/bg_l.gif) repeat-y; width:5px;}
.bg_r{background:url(img/bg_r.gif) repeat-y; width:5px;}
.bg_25{width:25px;}

#top_img{width:860px; background:url(img/bg_t.gif) no-repeat bottom;}

.yain{width:22px; height:21px; vertical-align:middle;}

#pan{padding-bottom:20px;}
#subject{float:left; width:25%;}
#main{float:right; width:73%;}

#menu_1{border-bottom:#06f solid 4px; float:left; margin-right:15px;}
#menu_2{border-bottom:#f30 solid 4px; float:left; margin-right:15px;}
#menu_3{border-bottom:#090 solid 4px; float:left; margin-right:15px;}
#menu_4{border-bottom:#fc0 solid 4px; float:left; margin-right:15px;}

.con{margin-top:5px;}
.con_t1{font-size:medium; font-weight:bold; color:#666; padding:5px 5px 0px 15px; background:url(img/con_t1.gif) no-repeat left center;}
.con_t2{font-weight:bold; color:#09c; padding-left:10px; margin-top:5px; line-height:120%}
.con_t3{padding:0px 5px 0px 15px; line-height:150%;}

#hr1{background:#ada69b; width:100%; margin-top:3px;}
#foot{width:860px; height:30px; background:url(img/bg_btm2.gif) no-repeat; text-align:left;}

/* トップページ適用スタイル */
/* ----------------------------------------------------- */ 
.a_b{border:1px solid #00f; height:70px; background:url(img/logo_1.gif) no-repeat; text-align:center; vertical-align:middle;}
.a_r{border:1px solid #f00; height:70px; background:url(img/logo_2.gif) no-repeat; text-align:center; vertical-align:middle;}
.a_g{border:1px solid #090; height:70px; background:url(img/logo_3.gif) no-repeat; text-align:center; vertical-align:middle;}
.a_y{border:1px solid #fc0; height:70px; background:url(img/logo_4.gif) no-repeat; text-align:center; vertical-align:middle;}

.d_b{border:1px solid #00f; height:350px; background:url(img/d_b.jpg) no-repeat bottom right;}
.d_r{border:1px solid #f00; height:240px; background:url(img/d_r.jpg) no-repeat bottom right;}
.d_g{border:1px solid #090; height:240px; background:url(img/d_g.jpg) no-repeat bottom right;}
.d_y{border:1px solid #fc0; height:240px; background:url(img/d_y.jpg) no-repeat bottom right;}

.waku_392{width:392px; float:left; margin-right:20px;}
.waku_250{width:250px; float:left;}

.con{
padding:10px;
line-height:130%;
}
h2.tri_1{
background-image:url(img/tri_1.gif); background-repeat: no-repeat; background-position:left center;
padding-left: 15px; margin:10px 5px;
}
h2.tri_2{
background-image:url(img/tri_2.gif); background-repeat: no-repeat; background-position:left center;
padding-left: 15px; margin:10px 5px;
}
h2.tri_3{
background-image:url(img/tri_3.gif); background-repeat: no-repeat; background-position:left center;
padding-left: 15px; margin:10px 5px;
}
h2.tri_4{
background-image:url(img/tri_4.gif); background-repeat: no-repeat; background-position:left center;
padding-left: 15px; margin:10px 5px; line-height:120%;
}
.news {
 border-top: #ddd 1px solid;  border-left: #ddd 1px solid;
 border-right: #999 2px solid; border-bottom: #999 2px solid;
 text-align:left; padding:5px 10px; float:left;}
.topics{border-bottom:1px #999 dotted; background:url(img/yain_topi.gif) no-repeat top left; padding:10px 0px 1px 20px;}
.tayori {
 border-top: #ddd 1px solid;  border-left: #ddd 1px solid;
 border-right: #999 2px solid; border-bottom: #999 2px solid;
 text-align:left; padding:5px 10px; float:left;
 margin-top:10px;
}
.tayori2 {
 text-align:right; width:361px; height:39px; background:url(img/news.gif) no-repeat; padding-top:8px;
}

.btm1{float:left; width:300px;}
.btm2{float:left; width:100px;}



/* hp適用スタイル */
/* ----------------------------------------------------- */ 
.hp1{width:200px; border:1px solid #06f;}
.hp2{padding:1px; text-align:left;}
.hp3{padding:5px 10px; font-weight:bold; margin-bottom:10px; background-color:#06f;}
.hp4{padding:5px 5px 5px 23px; background:url(img/menu_blue.gif) no-repeat center left;}

.tb_hp{border-top:#999 1px dashed;}
.tb_hp td{padding:20px 10px; border-bottom:#999 1px dashed;}

.flow{padding:10px 0px 0px 5px; line-height:120%;}
.f_top{background:url(hp/img/f_top.gif) no-repeat; width:555px; height:32px;}
.f_base{background:url(hp/img/f_base.gif) repeat-y; width:555px;}
.f_btm{background:url(hp/img/f_btm.gif) no-repeat; width:555px; height:6px; clear:left;}
.f_l{width:240px; float:left; padding:5px;}
.f_c{width:155px; float:left;}
.f_c2{margin:20px 5px 0px 25px;}
.f_c3{margin:15px 5px 0px 8px;}
.f_r{width:140px; float:left; padding:5px;}
.f_title{background:url(hp/img/f_title.gif) no-repeat center; height:26px; margin:5px 0px;}
.f_con{padding:0px; margin-left:7px;}
.f_do{font-weight:bold; color:#C00;}
.ya_l_65{background:url(hp/img/ya_l_65.gif) no-repeat center; height:65px; margin-bottom:5px;}
.ya_l_80{background:url(hp/img/ya_l_80.gif) no-repeat center; height:80px; margin-bottom:5px;}
.ya_l_120{background:url(hp/img/ya_l_120.gif) no-repeat center; height:120px; margin-bottom:5px;}
.ya_l_130{background:url(hp/img/ya_l_130.gif) no-repeat center; height:130px; margin-bottom:5px;}
.ya_b_80{background:url(hp/img/ya_b_80.gif) no-repeat center; height:80px; margin-bottom:5px;}
.ya_b_120{background:url(hp/img/ya_b_120.gif) no-repeat center; height:120px; margin-bottom:5px;}
.ya_b_100{background:url(hp/img/ya_b_100.gif) no-repeat center; height:100px; margin-bottom:5px;}
.ya_r_65{background:url(hp/img/ya_r_65.gif) no-repeat center; height:65px; margin-bottom:5px;}


h2.hp_f{font-size:medium; font-weight:bold; margin:0px; padding:10px 0px 0px 30px; color:#fff;}
strong.hp_f{font-weight:bold; color:#039;}

/* faq適用スタイル */
h2.faq_uline { font: 12px/18px "ＭＳ Ｐゴシック", "Osaka"; color: #666666; border: solid; border-width: 0px 0px 1px; border-color: black black #CCCCCC; margin: 0px; padding:3px 0px 3px 15px; background:url(img/tri_1.gif) no-repeat center left;}
h2.faq_uline2{ font: 12px/18px "ＭＳ Ｐゴシック", "Osaka"; color: #666666; border: solid; border-width: 0px 0px 1px; border-color: black black #CCCCCC; margin: 0px; padding:3px 0px 3px 15px; background:url(img/tri_2.gif) no-repeat center left;}
.faq_t2{font-size:larger; font-weight:bold; color:#09c; line-height:120%; padding:3px 0px 0px 25px; background:url(hp/img/faq-q.gif) no-repeat center left;}
.faq_t3{padding:0px 5px 0px 25px; line-height:150%; background:url(hp/img/faq-a.gif) no-repeat top left;}
.faq_return{border-bottom:solid 1px #CCC; margin-bottom: 20px;}

/* server適用スタイル */
/* ----------------------------------------------------- */ 
.server1{width:200px; border:1px solid #f30;}
.server2{padding:1px; text-align:left;}
.server3{padding:5px 10px; font-weight:bold; margin-bottom:10px; background-color:#f30;}
.server4{padding:5px 5px 5px 23px; background:url(img/menu_red.gif) no-repeat center left;}

.se_l{float:left;}
.se_r{float:right}
.se_con1{width:265px; height:80px; padding:5px 5px; line-height:120%; margin-bottom:10px; vertical-align:top; background: url(server/img/se.gif) no-repeat;}
.se_con2{padding:5px 0px 0px 60px;}

/* shop適用スタイル */
/* ----------------------------------------------------- */
.shop1{width:200px; border:1px solid #090;}
.shop2{padding:1px; text-align:left;}
.shop3{padding:5px 10px; font-weight:bold; margin-bottom:10px; background-color:#090;}
.shop4{padding:5px 5px 5px 23px; background:url(img/menu_green.gif) no-repeat center left;}
 
.tb_shop{width:200px; margin-top:20px; border:#fc3 3px double;}
.tb_shop th{}
.tb_shop td{text-align:center; line-height:120%;}

.tb_shop2{}
.tb_shop2 th{padding-top:5px; border-bottom:1px #ccc solid;}
.tb_shop2 td{padding:5px; border-bottom:1px #ccc solid;}
.tb_shop2 td.white{background-color:#fff; height:5px; border-bottom:none;}

.tb_shop3{}
.tb_shop3 td{width:175px;}

.f_shop1{border:1px solid #090; margin-right:5px; padding:10px;}
.f_shop2{text-align:center; margin:5px;}

.reco{border-top:1px dashed #090; padding-top:5px;}

.kiyaku{margin:5px 5px 0px 15px; padding:2px; line-height:150%; border:3px #ccc double;}
.kiyaku1{padding:10px}
.kiyaku2{padding:10px 10px 0px 5px; line-height:150%; font-weight:bold;}
.kiyaku3{padding:0px 10px 0px 35px; margin:0px;}
.kiyaku4{padding:0px 10px 0px 10px; margin:0px;}


/* other適用スタイル */
/* ----------------------------------------------------- */ 
.other1{width:200px; border:1px solid #fc0;}
.other2{padding:1px; text-align:left;}
.other3{padding:5px 10px; font-weight:bold; margin-bottom:10px; background-color:#fc0;}
.other4{padding:5px 5px 5px 23px; background:url(img/menu_yellow.gif) no-repeat center left;}

/* inq適用スタイル */
/* ----------------------------------------------------- */ 
.inq1{width:200px; border:1px solid #7F5061;}
.inq2{padding:1px; text-align:left;}
.inq3{padding:5px 10px; font-weight:bold; margin-bottom:10px; background-color:#7F5061;}
.inq4{padding:5px 5px 5px 23px; background:url(img/menu_inq.gif) no-repeat center left;}

.t_inq{border:1px #999 solid; border-bottom:none; width:500px;}
.t_inq th{text-align:left; font-weight:normal; background-color:#efefef;
border-bottom:1px solid #999;  border-right:1px solid #999; width:170px;}
.t_inq th.th2{width:auto; text-align:center;}
.t_inq th.th3{border-right:none;}
.t_inq th.th4{width:auto;}
.t_inq td{border-bottom:1px solid #999;}
.t_inq td.td2{border-bottom:1px solid #999; border-right:1px solid #999;}
.t_inq td.td3{border-bottom:1px solid #999;}


/* com適用スタイル */
/* ----------------------------------------------------- */ 
.com1{width:200px; border:1px solid #069;}
.com2{padding:1px; text-align:left;}
.com3{padding:5px 10px; font-weight:bold; margin-bottom:10px; background-color:#069;}
.com4{padding:5px 5px 5px 23px; background:url(img/menu_com.gif) no-repeat center left;}

/* news適用スタイル */
/* ----------------------------------------------------- */ 
.news1{width:200px; border:1px solid #f9c;}
.news2{padding:1px; text-align:left;}
.news3{padding:5px 10px; font-weight:bold; margin-bottom:10px; background-color:#f9c;}
.news4{padding:5px 5px 5px 23px; background:url(img/menu_news.gif) no-repeat center left;}

#menu_5{border-bottom:#fff solid 4px; float:left; margin-right:15px;}
.l1{border-bottom: 2px #666666 dotted;}

/* service適用スタイル */
/* ----------------------------------------------------- */ 
.con_t1.service1{margin:10px 0px;}
.con_t3.service3{padding:0px;}


/* sitemap適用スタイル */
/* ----------------------------------------------------- */
.bg_dot_x{background:url(img/dot.gif); background-repeat:repeat-x;}
 
.sitemap{border-left:5px solid; border-bottom:1px solid; padding:4px 0px 2px 10px; width:300px;}
.bc1{ border-color:#0099FF;}
.list{margin:5px 0px 0px 10px; list-style:none;}

.sitemap1{list-style: none; float:left; width: 280px;}
.sitemap2 {list-style: none; float: right;
	width: 280px;
}

.sitemap1 li,
.sitemap2 li {
	margin-bottom: 1em;
}

.sitemap1 li ul,
.sitemap2 li ul {
	margin-top: 1em;
}

.sitemap1 li ul li,
.sitemap2 li ul li {
	list-style: none;
	padding-left: 30px;
	background: url(../../img/common/icon_01.jpg) 13px 6px no-repeat;
}

.sitemap1 li ul li ul li,
.sitemap2 li ul li ul li {
	padding-left: 10px;
	background: none;
}



/* フォントサイズ */
/* ----------------------------------------------------- */
.medium{font-size:medium;}
.large{font-size:large;}
.x-large{font-size:x-large;}
.t_14{font-size:14px;}


/* フォントスタイル */
/* ----------------------------------------------------- */
.t_bold{
font-weight:bold;
}

/* フォントカラー */
/* ----------------------------------------------------- */
.t_f00{color:#f00;}
.t_09c{color:#09c;}
.t_666{color:#666;}
.t_00f{color:#00f;}
.t_33c{color:#33c;}
.t_900{color:#900;}
.t_090{color:#090;}
.t_09f{color:#09f;}
.t_06f{color:#06f;}
.t_009{color:#009;}


/* 行間 */
/* ----------------------------------------------------- */
.l_120{line-height:120%;}
.l_130{line-height:130%;}
.l_150{line-height:150%;}
.l_200{line-height:200%;}


/* 背景 */
/* ----------------------------------------------------- */
.bg_fff{background:#fff;}
.bg_06f{background:#06f;}
.bg_f30{background:#f30;}
.bg_090{background:#090;}
.bg_fc0{background:#fc0;}


/* 幅 */
/* ----------------------------------------------------- */
.w_860{width:860px; text-align:left;}
.w_392{width:392px;}
.h_3{height:3px}
.h_4{height:4px}


/* マージン */
/* ----------------------------------------------------- */
.m_t_3{margin-top:5px}
.m_t_5{margin-top:5px}
.m_t_10{margin-top:10px}
.m_5{margin:5px 0px}
.m_r_25{margin-right:25px}
.p_l_10{padding-left:10px}

/* レイアウト */
/* ----------------------------------------------------- */
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.c_l{clear:left;}
.f_left{float:left;}
.f_right{float:right;}
/* テーブル */
/* ----------------------------------------------------- */
.t_1{width:360px; margin:10px 0px; background:#fff;}
.t_1 th{border-bottom:1px #999 dotted; background:url(img/yain_topi.gif); background-repeat: no-repeat;
padding:10px 0px 2px 20px; width:80px; font-weight:normal; text-align:left; vertical-align:top;}
.t_1 td{border-bottom:1px #999 dotted; padding:10px 0px 2px 0px; text-align:left;}


/* リンク */
/* ----------------------------------------------------- */
.a_f a:link{color:#fff; text-decoration: none;}
.a_f a:visited{color:#fff; text-decoration: none;}
.a_f a:active{color:#fff; text-decoration: none;}
.a_f a:hover{color:#fff; text-decoration: underline;}

.a_00f a:link{color:#00f; text-decoration: none;}
.a_00f a:visited{color:#00f; text-decoration: none;}
.a_00f a:active{color:#00f; text-decoration: none;}
.a_00f a:hover{color:#00f; text-decoration: underline;}

.a_00f_2 a:link{color:#00f; text-decoration: underline;}
.a_00f_2 a:visited{color:#00f; text-decoration: underline;}
.a_00f_2 a:active{color:#00f; text-decoration: underline;}
.a_00f_2 a:hover{color:#00f; text-decoration: underline;}

.a_666 a:link{color:#666; text-decoration: underline;}
.a_666 a:visited{color:#666; text-decoration: underline;}
.a_666 a:active{color:#666; text-decoration: underline;}
.a_666 a:hover{color:#666; text-decoration: underline;}