/*
* 全体スタイル
*/
body{
	text-align: acenter;
	background: #ffe8ef;
}
#container{
	width: 941px;
	margin: 0 auto;
	text-align: center;
	background: #aaaaaa;
}
#inner{
	margin: 1px;
	background: #ffffff;
	text-align: left;
}
.navi 
{
	margin: 0px 20px;
}

.navi-top a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-top.gif") repeat center center;
}
.navi-top a:hover{
	background: url("img/header/menu-top_h.gif") repeat center center;
}
.navi-aboutservice a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-aboutservice.gif") repeat center center;
}
.navi-aboutservice a:hover{
	background: url("img/header/menu-aboutservice_h.gif") repeat center center;
}
.navi-customervoice a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-customervoice.gif") repeat center center;
}
.navi-customervoice a:hover{
	background: url("img/header/menu-customervoice_h.gif") repeat center center;
}
.navi-pricelist a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-pricelist.gif") repeat center center;
}
.navi-pricelist a:hover{
	background: url("img/header/menu-pricelist_h.gif") repeat center center;
}
.navi-order a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-order.gif") repeat center center;
}
.navi-order a:hover{
	background: url("img/header/menu-order_h.gif") repeat center center;
}
.navi-questions a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-questions.gif") repeat center center;
}
.navi-questions a:hover{
	background: url("img/header/menu-questions_h.gif") repeat center center;
}
.navi-blog a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-blog.gif") repeat center center;
}
.navi-blog a:hover{
	background: url("img/header/menu-blog_h.gif") repeat center center;
}
.navi-sitemap a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-sitemap.gif") repeat center center;
}
.navi-sitemap a:hover{
	background: url("img/header/menu-sitemap_h.gif") repeat center center;
}
.navi-link a
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 98px;
	background: url("img/header/menu-link.gif") repeat center center;
}
.navi-link a:hover{
	background: url("img/header/menu-link_h.gif") repeat center center;
}


.navi span
{
	margin: 0 auto;
	float:left;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-small;
	color: #444444;
	line-height: 30px;
	width: 27px;
}

#tobira{
	margin:1px 1px;
}
.main{
	width:670px;
	margin:10px 10px;
	float:left;
	background:#ffffff;
}
.side{
	width:210px;
	margin:10px 10px;
	float:left;
	background:#ffffff;
}
.clear{
	clear:both;
	line-height:0;
	height:0;
}

.footer{
	clear: both;
	padding: 10px 40px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
}


/*
* サイドバー
*/
.side-bar{
	margin: 20px 0 0 0;
	border-left:solid 5px #ff6666;
	border-right:solid 5px #ff6666;
}
.side-text{
	background:#ffffff;
	padding:10px 10px;
	border:solid 1px #cccccc;
	font-size:12px;
	line-height: 20px;
	color: #606060;
}
.side-text br{
	line-height: 12px;
}

/*
* メイン
*/
.service{
	width:650px;
	height: 180px;
	margin:20px 10px;
	background:#ffffff;
	clear:both;
}
.service-bar{
	width:410px;
	background:#fffff;
	padding:0 20px;
	background: url("img/top/bar3.gif") repeat-rigth;
	line-height: 34px;
	font-size: 20px;
	color: #f16c6c;
	text-decoration: none;
	float:left;
}
.service-bar a,
.service-bar a:link,
.service-bar a:visited,
.service-bar a:active 
{
	text-decoration: none;
	color: #f16c6c;
}
.service-bar a:hover
{
	text-decoration: underline;
}

.service-text{
	width:410px;
	background:#ffffff;
	padding:20px 20px;
	border-top:solid 1px #f16c6c;
	font-size:14px;
	line-height: 180%;
	color: #606060;
	float:left;
}

.service-image{
	width:160px;
	height:160px;
	float:left;
}
a#service-image-1{
	width:160px;
	height:160px;
	float:left;
	background-image: url("img/top/service_img_1.jpg"); 
}
a#service-image-1:hover{
	background-image: url("img/top/service_img_1_selected.jpg"); 
}
a#service-image-2{
	width:160px;
	height:160px;
	float:left;
	background-image: url("img/top/service_img_2.jpg"); 
}
a#service-image-2:hover{
	background-image: url("img/top/service_img_2_selected.jpg"); 
}

a#service-image-3{
	width:160px;
	height:160px;
	float:left;
	background-image: url("img/top/service_img_3.jpg"); 
}
a#service-image-3:hover{
	background-image: url("img/top/service_img_3_selected.jpg"); 
}

/**************************************************************************
* サービスページ
**************************************************************************/
.contents-top{
	width:870px;
	margin:10px 10px;
	background:#ffffff;
}
.contents-top-image{
	width: 280px;
	float: left;
	padding: 10px;
}
.contents-top-text{
	width: 510px;
	padding: 20px;
	float: left;
	font-size: 14px;
	color: #444444;
	line-height: 20px;
}
#about-sub-link{
	margin: 5px 60px;
}
#about-sub-link a{
	padding: 2px;
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}
#about-sub-link a:hover{
	color: #f16c6c;
	text-decoration: underline;
}

.contents{
	width:918px;
	padding: 20px 10px 20px 10px;
	float:left;
	background:#ffffff;
	font-size: 14px;
	color: #444444;
	line-height: 20px;
}
.contents-header-blue{
	width: 850px;
	padding: 10px;
	border: 1px solid gray;
	background: url("img/about/topic_blue.gif") no-repeat left center;
	font-size: 16px;
	color: #3333cc;
}
.contents-header-red{
	width: 850px;
	padding: 10px;
	border: 1px solid gray;
	background: url("img/about/topic_red.gif") no-repeat left center;
	font-size: 16px;
	color: #cc3333;
}
.contents-body{
	padding: 20px 10px 20px 10px;
}
.about-triangle{
	padding: 10px;
	width: 500px;
	font-size: 13px;
	color: #444444;
	line-height: 25px;
}
.contents-fotter{
	padding: 0px 30px 0px 0px;
	text-align: right;
}
.contents-fotter a{
	font-size: 12px;
	color: #444444;
	text-decoration: none;
}
.contents-fotter a:hover{
	color: #f16c6c;
	text-decoration: underline;
}

.img-list{
	line-height: 35px;
	color: #3333ff;
}
.img-list li{
	list-style-type: none;
	background: url(img/about/list_icon.jpg) no-repeat left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	line-height: 25px;
	color: #444444;
}
.flow-table {
	border-collapse: collapse;
	border:solid 1px #333333;
}
.flow-table th{
	border:solid 1px #ffffff;
	color: #ffffff;
	font-size: 14px;
	background-color: #333333;
	height: 30px;
}
.flow-table td{
	border:solid 1px #333333;
	padding: 10px;
	font-size: 12px;
	height: 30px;
}

.footnote {
	margin: 0px 0px 0px 300px;
	font-size: 12px;
	color: #444444;
}


/**************************************************************************
* お客様の声
**************************************************************************/
.voice-contents-red {
        font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        font-size: 12px;
        font-weight: bold;
        line-height: 30px;
        color: #cc2222;
}
.voice-contents-blue {
        font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        font-size: 12px;
        font-weight: bold;
        line-height: 30px;
        color: #2222cc;
}


/**************************************************************************
* プラン
**************************************************************************/
#plan-campain {
	background: #eeeeff;
	border:solid 3px #aaaaff;
	padding: 20px;
	width: 350px;
	text-align: center;
	font-size: 20px;
	color: #3333ff;
	margin-left: auto;
	margin-right: auto;
}

.plan-list{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
.plan-list dl{
	padding-left: 20px;
}
.plan-list dt {
	border-top: solid 1px #ff6666;
	border-left:solid 5px #ff6666;
	border-right:solid 1px #ff6666;
	border-bottom: solid 1px #ff6666;
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 10px;
	color: #bb3333;
	font-weight: bold;
	font-size: 20px;
}

.plan-list dd {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #666666;
	background: url("img/plan/list_icon_red.gif") no-repeat left;
	padding: 5px 20px;
}

.plan-table{
        margin-left: 30px;
}
.plan-table tr{
}

.plan-table td{
        padding: 5px;
        border-bottom-style: dotted;
        border-bottom-width: 2px;
}

.plan-list em {
	font-weight: bold;
	font-size: 18px;
	color: #ff3333;
}


/**************************************************************************
* 申し込みページ
**************************************************************************/
#order-table{
	width:800px;
	background:#666666;	
}
#order-table td.order-item{
	padding: 5px;
	color: #666666;
	background-color: #ffeeee;
	text-align: center;
	font-weight: bold;
	width: 150px;
}
#order-table td.order-value {
	background-color: #fff6f6;
	padding: 10px;
	line-height: 30px;
}
.required-item {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #ff3333;
}

/**************************************************************************
* 質問ページ
**************************************************************************/
#inquiry-table{
	width:800px;
	background:#666666;
}

#inquiry-table tr{
	background:#ffffff;
}
#inquiry-table td.inquiry-item{
	padding: 5px;
    color: #666666;
	background-color: #eeeeff;
	text-align: center;
	font-weight: bold;
	width: 150px;
}
#inquiry-table td.inquiry-value {
	background-color: #f6f6ff;
	padding: 10px;
	line-height: 30px;
}

/**************************************************************************
* リンク集
**************************************************************************/
.link-syu dl {
	padding-left: 20px;
}
.link-syu dt {
	border-top: dashed 1px #aaaaaa;
	margin-top: 10px;
	padding: 10px;
}

.link-syu dd {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #666666;
}

.link-syu dt a {
  color: #33bb33;
  text-decoration: none;
  font-weight: bold;
}