@charset "UTF-8";



/* 基本
------------------------------------------------------- */  
* {
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
}

body {
    background: #FFF;
	color: #333;
	font-size: small;
}
    
ul,ol,li,p,form,dl,dt,dd,textarea {
	font-weight:normal;
}

p {
	margin:0 0 0.35em 0;
}

a,img {
	border:none;
	text-decoration: none;
	overflow: hidden;
}


ul,ol,li {
	list-style:none;
	}

body {
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
	background: url(../images/back.jpg) repeat-x 0px 0px;
}

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

a:link    {text-decoration: none; color: #3366FF;}
a:visited {text-decoration: none; color: #3366FF;}
a:hover   {text-decoration: none; color: #222222;}
a:active  {text-decoration: none; color: #000000;}

.clear {clear:both;}

/* contents
------------------------------------------*/
#contents {
	background-color: #FFFFFF;
	width:900px;
	min-height: 100%;
	height: auto !important;
	height: 100%; /* ie用に設定 */
	margin: 0 auto -105px; /* class="footer"と同じ高さ(100px)の負の値を入力 */
}
	
	
/* header  
------------------------------------------*/
#header {
	height: 85px;
	width: 865px;
	padding:10px 15px 0px 20px;
}

#head_l {
	float: left;
	width: 392px;
}

#head_r {
	float: right;
	padding:0px 0px 0px 0px;
	width: 390px;
	color:#999999;
}

h1.headerTitle {
	margin: 8px 0px 0px 0px;
	padding-bottom:16px;
	float:left;
	text-indent:-9999px;
	width:392px;
	height:43px;
	background: url(../images/logo.jpg) no-repeat left top;
}
h1.headerTitle a {
	display:block;
	width:392px;
	height:43px;
	padding-bottom:16px;
	
}

#header a:link    {text-decoration: none; color: #999999;}
#header a:visited {text-decoration: none; color: #999999;}
#header a:hover   {text-decoration: none; color: #222222;}
#header a:active  {text-decoration: none; color: #000000;}

/* 　contents
------------------------------------------------------- */ 
#topimgbox {
	height: 392px;
	width: 900px;
	float: left;
}

.topimg {
	width:900px;
	height:392px;
	text-indent:-9999px;
	background: url(../images/topimg.jpg) no-repeat left bottom;
}


/* 　topicPath_01 パンくずリスト
------------------------------------------------------- */ 
.topicPath {
	float:left;
	width:885px;
	padding: 0px 0px 10px 15px;
}  
#topicPath_01 {  
    float:left;  
    margin:10px 0; 
}  

#topicPath_01 li {  
    float:left;  
    line-height:110%;  
    list-style-type:none;  
}  
#topicPath_01 li a {  
    margin-right:5px;  
    padding-right:10px;  
    background:url(../images/topicpath.gif) no-repeat right center;  
}  


/* 　main トップページ
------------------------------------------------------- */ 
#topmain {
	float:left;
	width:870px;
	padding:0px 15px 0px 15px;
	overflow: hidden;
}

#main {
	width:900px;
}


#naka_box {
	width:806px;
	background: url(../images/back_n.gif) no-repeat 0px 0px;
	margin: 0px;
	padding: 35px 44px 0px 50px;
	clear: left;
}

#naka_box_bottom {
	width:900px;
	height:34px;
	background: url(../images/back_n_b.gif) no-repeat left bottom;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}



/* 　news ニュース
------------------------------------------------------- */ 
#news {
	float: left;
	width: 384px;
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding:15px 25px 0px 20px;
	background: url(../images/news.jpg) no-repeat 0px 0px;
}

#news_bottom {
	float: left;
	width: 429px;
	height: 26px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url(../images/news_b.jpg) no-repeat 0px 0px;
}

.table_news {
	margin-top:10px;
}
.table_news .td1 {
	font-size:98%;
	padding:0px;
	vertical-align:top;
	white-space: nowrap;
}

.table_news .td2 {
	font-size:98%;
	padding:0px 0px 0px 5px;
	vertical-align:top;
	width: 100%;
}

.table_news a:link    {text-decoration: none; color: #0000FF;}
.table_news a:visited {text-decoration: none; color: #333333;}
.table_news a:hover   {text-decoration: none; color: #333333;}
.table_news a:active  {text-decoration: none; color: #333333;}



/* 　banner トップバナー
------------------------------------------------------- */ 

.banner_table{
	width:240px;
	float:right;
}
.bn01 a {
	width:217px;
	height:130px;
	display:block;
	text-indent:-9999px;
	background: url(../images/bn01.jpg) no-repeat left bottom;
}

.bn01 a.active,
.bn01 a:focus,
.bn01 a:hover {
	width:217px;
	height:130px;
	display:block;
	text-indent:-9999px;
	background: url(../images/bn01_f2.jpg) no-repeat left top;
} 

.bn02 a {
	width:213px;
	height:130px;
	display:block;
	text-indent:-9999px;
	background: url(../images/bn02.jpg) no-repeat left bottom;
}

.bn02 a.active,
.bn02 a:focus,
.bn02 a:hover {
	width:213px;
	height:130px;
	display:block;
	text-indent:-9999px;
	background: url(../images/bn02_f2.jpg) no-repeat left top;
} 

/* navi
------------------------------------------------------- */ 
#navi {
	margin: 0px;
	padding: 0px;
	width: 900px;
	height:72px;
	float: left;
}

#navi ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}



#navi ul li.navi1 a { /*---フェローズメールとは--- */
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi01.jpg) no-repeat left top;
} 

#navi ul li.navi1 a.active,
#navi ul li.navi1 a:focus,
#navi ul li.navi1 a:hover {
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi01_f2.jpg) no-repeat left top;
} 

#navi ul li.navi2 a { /*---特長--- */
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi02.jpg) no-repeat left top;
} 

#navi ul li.navi2 a.active,
#navi ul li.navi2 a:focus,
#navi ul li.navi2 a:hover {
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi02_f2.jpg) no-repeat left top;
} 

#navi ul li.navi3 a { /*---手順-- */
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi03.jpg) no-repeat left top;
} 

#navi ul li.navi3 a.active,
#navi ul li.navi3 a:focus,
#navi ul li.navi3 a:hover {
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi03_f2.jpg) no-repeat left top;
} 

#navi ul li.navi4 a { /*---料金-- */
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi04.jpg) no-repeat left top;
}

#navi li.navi4 a.active,
#navi li.navi4 a:focus,
#navi li.navi4 a:hover {
	width: 180px;
	height: 72px;
	display:block;
	text-indent: -9999px;
	background: url(../images/navi04_f2.jpg) no-repeat left top;
} 

#navi ul li.navi5 a { /*---お問い合わせ-- */
	width: 180px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	background: url(../images/navi05.jpg) no-repeat left top;
} 

#navi li.navi5 a.active,
#navi li.navi5 a:focus,
#navi li.navi5 a:hover { 
	width: 180px;
	height: 72px;
	display:block;
	text-indent: -9999px;
	background: url(../images/navi05_f2.jpg) no-repeat left top;
} 

/* フッター 　 [共通]
------------------------------------------------------- */ 
#footer{
	width: 900px;
	height:85px;
	margin: 0px;
	padding: 20px 0px 5px 0px;
	clear: both;
	text-align:center;
	background-color:#DFECF2;
}

#footerbox{
	width:750px;
	margin:0px auto 10px auto;
	padding: 0px 0px 0px 0px;
}

 for IE6 hack 
* html div#footer div#footerBox{
	margin:0
}

#footerbox ul{
	float:5px 0px 0px 0px;
	padding:0px;
}

#footerbox li{
	display:inline;
	padding:0 0 0 12px;
	border-right:#666666 1px solid;
}

#footerbox li a{
	padding:0 12px 0 0;
	text-decoration:none;
}

.copyright{
	margin:0px 10px 0px 10px;
	padding:5px 0px 0px 0px;
	width:880px;
	border-top: solid 1px #3D7DA0;
	clear: both;
}
.footer, .push {
	height: 105px; /* .push must be the same height as .footer */
}

#footer a:link    {text-decoration: underline; color: #3D7DA0;}
#footer a:visited {text-decoration: underline; color: #3D7DA0;}
#footer a:hover   {text-decoration: underline; color: #3D7DA0;}
#footer a:active  {text-decoration: underline; color: #3D7DA0;}



/* マージン  
------------------------------------------------------- */ 
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb45{margin-bottom:45px;}
.mb100{margin-bottom:100px;}
.mb200{margin-bottom:200px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt16{margin-top:16px;}
.mt25{margin-top:25px;}
.mt35{margin-top:35px;}
.mt50{margin-top:50px;}
.mr5{margin-right:5px;}
.mr35{margin-right:35px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.ml10{margin-left:10px;}
.ml25{margin-left:25px;}
.pt10{padding-top:10px;}
.pl20{padding-left:20px;}
.pr10{padding-right:10px;}



/* text set テキスト
------------------------------------------------------- */ 
.red {
	color: #FF031A;
}

.orage {
	color: #F95C01;
}

.blue {
	color: #4a84b7;
}

.tx14 {
	font-size: 107%;
}
.tx13 {
	font-size: 100%;
}
.tx12 {
	font-size: 97%;
}

.tx11 {
	font-size: 85%;
	color: #333333;
}
.tx10 {
	font-size: 80%;
	color: #333333;
}

.floatLeft{
	float:left;
	width: 429px;
}
.floatRight{
	float:right;
}



/*中面共通
------------------------------------------------------- */ 

.toiawase a {
	margin:30px auto 0px auto;
	width:400px;
	height:79px;
	display:block;
	text-indent:-9999px;
	text-align:center;
	background: url(../images/bn_toi.gif) no-repeat left bottom;
}

.toiawase a.active,
.toiawase a:focus,
.toiawase a:hover {
	margin:30px auto 0px auto;
	width:400px;
	height:79px;
	display:block;
	text-indent:-9999px;
	background: url(../images/bn_toi_f2.gif) no-repeat left top;
} 

.box_left {
	width: 250px;
	float:left;
}

.box_right {
	width: 240px;
	float:left;
	text-align:right;
}
.box_right a {
	text-decoration:underline;
	color:#0033CC;
}



/* --　01about //////////////////////////////////////////////////////////-- */
h2.tai_01 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_about.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}

/* --　02tokucyo //////////////////////////////////////////////////////////-- */
h2.tai_02 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_tokucyo.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}
h3.tai_pink {
	width: 450px;
	color: #E7007A;
	font-weight:bold;
	font-size:150%;
	margin:20px 0px 0px 0px;
}

h3.tai_pink2 {
	width: 450px;
	color: #E7007A;
	font-weight:bold;
	font-size:107.95%;
	margin:20px 0px 0px 0px;
}


h4.tai {
	color: #333333;
	font-weight:bold;
	font-size:140%;
}

.box_waku {
	width: 715px;
	float:left;
	border: 1px solid #999999;
	padding: 12px 40px 12px 25px;
	margin: 0px 0px 20px 0px;
}

#naka_box .table01 {
	margin: 0px;
	padding: 0px;
	width: 780px;
}

/* --　03service //////////////////////////////////////////////////////////-- */
h2.tai_03 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_service.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}

/* --　04price //////////////////////////////////////////////////////////-- */
h2.tai_04 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_price.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}

/* --　05toi //////////////////////////////////////////////////////////-- */
h2.tai_05 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_toi.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}

table.contact {
	   margin:20px 0 50px 100px;

}

th.contact {
	background:#E4E2D5;/* ----- 背景の色指定 ----- */
	color:#333333;/* ----- 文字の色指定 ----- */
	font-size:92.7%;/* ----- 文字のサイズ ----- */
	font-weight:bold;/* ----- 文字の太さ ----- */
	line-height:2.5em;/* 高さの指定 */
	text-align:left;/* テキストを左揃え */
	padding:0 0 0 10px;/* 左のアキの指定 */
}

td.contact {
	padding:0 0 0 20px;/* 左のアキの指定 */
	color:#333333;/* ----- 文字の色指定 ----- */

}

/* --　06companyinfo//////////////////////////////////////////////////////////-- */
h2.tai_06 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_company.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}


/* --　07faq //////////////////////////////////////////////////////////-- */
h2.tai_07 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_fq.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}

/* --　08privacy //////////////////////////////////////////////////////////-- */
h2.tai_08 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_priv.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}

/* --　09sitemap //////////////////////////////////////////////////////////-- */
h2.tai_09 {
	margin:10px 0px 3px 0px;
	width:600px;
	height:28px;
	text-indent:-9999px;
	background: url(../images/tai_sitemap.gif) no-repeat left top;
	border-bottom: 1px solid #999999;
}

div#naka_box ul {
padding:20px 0 0 10px;
}

div#naka_box li {
	font-size:92.7%;/* 変更しない */
	text-align:left;/* 変更しない */
}

div#naka_box li.map {
	line-height:2.2em;/* ----- メニューの高さ指定 ----- */
	background:#FFFFFF url(../images/mk_arrow.gif) 10px 50% no-repeat;
	padding:0 0 0 17px;/* 変更しない */
	display:block;/* 変更しない */

}

div#naka_box li a:link,
div#naka_box li a:visited {
	color:#333333;/* ----- メニューの文字色 ----- */
}

div#naka_box li a:hover {
	color:#999999;/* ----- マウスオーバー時のメニューの文字色 ----- */