@charset "utf-8";
/* CSS Document */

/* 共通
-------------------------------------------------------------*/

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

img{
    border:0px;
}

.left_img{
	float:left;
	margin: 0px 10px 0px 0px;
}
body a{
	text-decoration: underline;
	color:#CC0000;
}

body a:hover {
	color:#FF8C8C;
}

.clear {
 content: ".";
     display: block;
     visibility: hidden;
     height: 0.1px;
     font-size: 0.1em;
    line-height: 0;
     clear: both;
}

body{
    background:url(img/body_bg.jpg) repeat-x top;
    color:#666;
    line-height:140%;
    font-size:12px;
}


#wrap{
	background:url(img/body_bg_footer.jpg) repeat-x bottom;
}

#container{
	width:810px;
	margin:0px auto 0px auto;
}

.top {
	background:url(img/to_top.jpg) 430px 6px no-repeat;
	height:20px;
	font-size:10px;
	color:#666666;
	text-indent:440px;
}

.top a {
	color:#666666;
}

.top a:hover {
	text-decoration:none;
}

.top02 {
	background:url(img/to_top.jpg) 390px 6px no-repeat;
	height:20px;
	font-size:10px;
	color:#666666;
	text-indent:400px;
}

.top02 a {
	color:#666666;
}

.top02 a:hover {
	text-decoration:none;
}

.paged-archives{
    text-align:center;
}

.page-navigation{
    text-align:center;
	margin:0px 0px 20px 0px;
}

.paged-archives a, .paged-archives a:visited{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
}

.paged-archives b{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
background-color: #dae0e6;
text-align:center;
}

/* ヘッダー内要素
-------------------------------------------------------------*/

#header{
	background:url(img/header.jpg) no-repeat top;
	height:84px;
	position: relative;
}

h1{
	position:absolute;
	text-indent:-9999px;
	width:100px;
	height:60px;
	left: 54px;
	top: 11px;
}

h1 a{
	display:block;
	width:100px;
	height:60px;
}

#header_text{
	position:absolute;
	left: 425px;
	top:0px;
	color: #E7D8AF;
	text-align: right;
	width: 380px;
	font-size:10px;
}

#headerlink_home{
	position:absolute;
	left: 525px;
	top: 34px;
}

#headerlink_sitemap{
	position:absolute;
	left: 597px;
	top: 34px;
}

#headerlink_privacypolicy{
	position:absolute;
	left: 684px;
	top: 34px;
}

#headerlink_home a{
	text-indent:-9999px;
	width:70px;
	height:45px;
	display:block;
}

#headerlink_sitemap a{
	text-indent:-9999px;
	width:85px;
	height:45px;
	display:block;
}

#headerlink_privacypolicy a{
	text-indent:-9999px;
	width:123px;
	height:45px;
	display:block;
}


/* グローバルナビゲーション
-------------------------------------------------------------*/

#g_navi{
	width:784px;
	list-style:none;
	margin:0px auto;
	background:#FFFFFF;
}

#g_navi li{
	float:left;
}

#b_service,#c_service,#portfolio,#company,#qa,#news {
    margin:0px 1px 0px 0px;
}

#g_navi a{
    background:url(img/g_navi.jpg);
	text-indent:-9999px;
	display:block;
}

#g_navi a:hover{
    background-position:0px -40px;
}

#b_service a{
    width:131px;
	height:39px;
	background-position:0px 0px;
}

#c_service a{
    width:131px;
	height:39px;
	background-position:-132px 0px;
}

#portfolio a{
    width:119px;
	height:39px;
	background-position:-264px 0px;
}

#company a{
    width:85px;
	height:39px;
	background-position:-384px 0px;
}

#qa a{
    width:119px;
	height:39px;
	background-position:-470px 0px;
}

#news a{
    width:86px;
	height:39px;
	background-position:-590px 0px;
}

#contact a{
    width:107px;
	height:39px;
	background-position:-677px 0px;
}

#b_service a:hover{
    background-position:0px -40px;
}

#c_service a:hover{
    background-position:-132px -40px;
}

#portfolio a:hover{
    background-position:-264px -40px;
}

#company a:hover{
    background-position:-384px -40px;
}

#qa a:hover{
    background-position:-470px -40px;
}

#news a:hover{
    background-position:-590px -40px;
}

#contact a:hover{
    background-position:-677px -40px;
}


/* コンテンツ
-------------------------------------------------------------*/

#content{
	border-top:#D0CE9F solid 1px;
	border-left:#D0CE9F solid 1px;
	border-right:#D0CE9F solid 1px;
	width: 782px;
	margin: 0px auto;
	background:url(img/content-back.jpg) repeat-y;
}

#content #left {
	clear: right;
	float: left;
	width: 494px;
	padding: 20px 24px;
	background:#FFFFFF;
}


h2.html_h2 {
	background:url(img/h2_01.jpg) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	height:23px;
	padding: 5px 0px 0px 10px;
	margin-bottom:10px;
	clear:both;
}

h2.mt_h2 {
	background:url(img/h2_01.jpg) no-repeat bottom;
	background-color:#666666;
	color:#FFFFFF;
	font-size:14px;
	padding: 5px 0px 3px 10px;
	margin-bottom:10px;
	clear:both;
}

.view {
	clear:both;
}

.view a {
	background:url(img/h2_view.jpg) no-repeat;
	color:#FFFFFF;
	text-decoration:none;
	height:24px;
	display:block;
	padding: 4px 0px 0px 0;
	font-size:14px;
}

.view a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.h2_box_02_wrap{
    margin:0px 0px 20px 0px;
}

.h2_box_01{
	width: 494px;
	margin: 0px 0px 20px 0px;
}

#news_box{
	list-style:none;
	margin: 0px;
	padding: 0px;
}

#news_box dt,#news_box dd,#news_box dl{
	display:inline;
}

#news_box dt{
    float:left;
	width:70px;
}

#news_box dd{
	float:right;
	width:410px;
}

#news_box li{
	border-bottom:#CCCCCC dotted 1px;
	padding: 5px 0px 5px 10px;
}

.h2_box_02_left{
    width:244px;
	float:left;
}

.h2_box_02_right{
    width:244px;
	float:right;
}

.h2_box_02_header{
    padding:10px;
	background:url(img/list_top.jpg) no-repeat bottom;
}

.h2_box_02 th {
	color: #000000;
	text-align: left;
	text-indent: 15px;
	background-color: #E7E6D8;
	padding: 5px;
	border:#FFFFFF solid 1px;
}

.h2_box_02 {
	background-color: #999999;
	margin-bottom:20px;
	line-height:170%;
	width:100%;
	clear:both;
}

.h2_box_02 td {
	background-color: #F3F2EB;
	padding: 5px 20px 5px 20px;
	border:#FFFFFF solid 1px;
}

.h2_box_02 a {
	background:url(img/list_point.jpg) no-repeat;
	padding: 0px 0px 0px 15px;
	background-position: 0px 3px;
}

.h2_box_02 .con a {
	background:url(img/list_point.jpg) no-repeat;
	padding: 0px 0px 0px 45px;
	background-position: 30px 3px;
}

.h2_box_02 th a {
	padding: 0px 0px 0px 0px;
	background:none;
}

.h2_box_02 th a:hover {
	text-decoration:underline;
}


/* コンタクトボックス */

.contact_box {
	width:494px;
	height:94px;
	background:url(img/contact.jpg) no-repeat;
	padding-top:30px;
	clear:both;
}

.contact_box p {
	padding:10px 20px 0 20px;
}

.contact_box a {
	display:block;
	height:31px;
	width:208px;
	margin:7px 0 0 269px;
	text-indent:-9999px;
}


/* テーブル */

.corp {
	width:100%;
	border:#FBDAD7 3px solid;
	border-collapse:collapse;
	margin-bottom:20px;
	clear:both;
}

.corp th {
	padding:5px 5px 5px 10px;
	text-align:left;
	background:#BB271C;
	color:#FFF;
	border:#FFFFFF 1px solid;
}

.corp td {
	padding:5px 5px 5px 10px;
	border:#DDD 1px dashed;
}

.case {
	width:100%;
	border:#FBDAD7 3px solid;
	border-collapse:collapse;
	margin-bottom:20px;
	clear:both;
}

.case th {
	padding:5px 5px 5px 10px;
	text-align:center;
	background:#BB271C;
	color:#FFF;
	border:#FFFFFF 1px solid;
}

.case td {
	padding:5px 5px 5px 10px;
	border:#DDD 1px dashed;
}

.case .step {
	padding:5px 5px 5px 10px;
	text-align:center;
	background-color:#D9C4B5;
	color:#FFF;
	border:#FFFFFF 1px solid;
	font-weight:bold;
}

.case .step-1m {
	padding:5px 5px 5px 10px;
	text-align:center;
	background-color:#D9C4B5;
	color:#FFF;
	border:#FFFFFF 1px solid;
	font-weight:bold;
	background-image:url(img/case/1month.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.case .step-3m {
	padding:5px 5px 5px 10px;
	text-align:center;
	background-color:#D9C4B5;
	color:#FFF;
	border:#FFFFFF 1px solid;
	font-weight:bold;
	background-image:url(img/case/3month.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.case .step-1y {
	padding:5px 5px 5px 10px;
	text-align:center;
	background-color:#D9C4B5;
	color:#FFF;
	border:#FFFFFF 1px solid;
	font-weight:bold;
	background-image:url(img/case/1year.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.bgc_on {
	background-color:#F3F2EB;
}


/* 下層ページコンテンツ */

.title {
	width:474px;
	height:84px;
	color:#666666;
	font-size:14px;
	padding:16px 0 0 20px;
	background:url(img/title.jpg) no-repeat;
	margin-bottom:10px;
	clear:both;
}

h3 {
	background:url(img/h3.jpg) no-repeat;
	height:24px;
	line-height:20px;
	text-indent:20px;
	margin-bottom:10px;
	font-size:12px;
	clear:both;
}

.text {
	padding:0 5px 0 5px;
	margin-bottom:20px;
}

.text span {
	color:#CC0000;
}

.img-right {
	float:right;
	padding:1px;
	border:1px #999 solid;
	margin:0 0 20px 10px;
}

.img-right02 {
	float:right;
	margin:0 0 20px 10px;
}

.img-left {
	float:left;
	padding:1px;
	border:1px #999 solid;
	margin:0 10px 20px 0;
}
.img-left02 {
	float:left;
	margin:0 10px 10px 0;
}

.img-center {
	margin:0 auto 0 auto;
	text-align:center;
	margin-bottom:20px;
}


/* リスト */

.disk {
	margin-left:30px;
	list-style:circle;
	margin-bottom:20px;
	padding:0 5px 0 5px;
}

.disk02 {
	margin-left:5px;
	list-style:circle;
	padding:0 5px 0 5px;
}

.list {
	margin-left:30px;
	margin-bottom:20px;
	padding:0 5px 0 5px;
}

.list02 {
	margin-left:18px;
}

.list_alpha {
	margin-left:30px;
	margin-bottom:20px;
	padding:0 5px;
	list-style:upper-roman;
}


/* 実績紹介ページ */

#case {
	border:#FBDAD7 3px solid;
	list-style:none;
	padding:5px;
	margin-bottom:20px;
}

#case li {
	background:url(img/list_point02.jpg) 10px 12px no-repeat;
	padding: 5px 5px 5px 30px;
}

.issue {
	border:#FBDAD7 3px solid;
	padding:10px;
	margin-bottom:20px;
	color:#CC0000;
	list-style:circle;
}

.issue li {
	margin-left:30px;
}

.result {
	border:#FBDAD7 3px solid;
	padding:10px;
	margin-bottom:20px;
}

.result li {
	margin:0 0 5px 30px;
}

/* スタッフ紹介 */

.name {
	font-size:14px;
	color:#BB271C;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom:#F8D6D6 solid 2px;
	padding-bottom:2px;
}

.prof {
	margin-bottom:20px;
}

.prof dt {
	font-weight:bold;
}

.prof dl {
	font-weight:lighter;
	margin-bottom:10px;
}


/* よくある質問 */

#faq {
	border:#FBDAD7 3px solid;
	padding:10px;
	list-style:none;
	margin-bottom:20px;
}

#faq li {
	background:url(img/faq/q.jpg) 0 4px no-repeat;
	font-size:14px;
	padding:2px 0 2px 30px;
}


/* サイトマップ */

.sitemap-l {
	width:245px;
	float:left;
	margin-bottom:20px;
}

.sitemap-r {
	width:245px;
	float:right;
	margin-bottom:20px;
}

.index {
	background:url(img/list_point03.jpg) 0 1px no-repeat;
	padding:0 0 0 20px;
	margin-bottom:8px;
}

.sub {
	background:url(img/list_point02.jpg) 0 5px no-repeat;
	padding:0 0 0 20px;
	margin:0 0 8px 40px;
}


/* お問い合わせページ */

.red {
	font-size:9px;
	font-weight:lighter;
	color:#F90;
}

.M {
	width:150px;
}

.L {
	width:300px;
}

.S {
	width:120px;
}

.error_msg {
	border:#FBDAD7 3px solid;
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 10px 50px;
	color:#CC0000;
	margin-bottom:20px;
}

.thanks {
	border:#FBDAD7 3px solid;
	font-size:14px;
	font-weight:bold;
	padding:10px;
	margin-bottom:20px;
}

.case span {
	color:#CC0000;
	font-weight:bold;
}

.text_10{
	margin-bottom:10px;
}

/* メールマガジン */

#mail {
	background-color:#F3F2EB;
	background-image:url(img/mailmagazine/submit.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding:5px 10px 5px 58px;
	font-size:10px;
	line-height:120%;
}

.register {
	background-color:#F3F2EB;
	border-collapse:collapse;
	width:100%;
}

.register th {
	padding:5px 5px 0 5px;
}

.register td {
	padding:5px 5px 0 5px;
}

.warning {
	background-color:#F3F2EB;
	padding:0 10px 5px 10px;
	font-weight:bold;
	color:#CC0000;
}


/* 右メニュー
-------------------------------------------------------------*/

#content #right {
	float:right;
	width: 240px;
	padding: 20px 0px 40px 0px;
}

.m-title {
	height:28px;
	background:url(img/sidemenu.jpg) no-repeat;
	line-height:28px;
	padding-left:20px;
	color:#FFF;
	font-weight:bold;
}

.m-title a {
	color:#FFF;
	text-decoration:none;
}

.m-title a:hover {
	color:#FFF;
	text-decoration:underline;
}

.menu {
	margin:0 10px 10px 10px;
	list-style:none;
	padding-bottom:5px;
	border-bottom:dotted 1px #999;
}

.menu li {
	background:url(img/menu.jpg) 15px 10px no-repeat;
	padding:3px 0 3px 25px;
}

#sidemenu01{
    background:url(img/sidemenu_01.jpg) no-repeat top;
	text-indent:-9999px;
	height:28px;
}

#sidemenu02{
    background:url(img/sidemenu_02.jpg) no-repeat top;
	text-indent:-9999px;
	height:28px;
}

#sidemenu03{
    background:url(img/sidemenu_03.jpg) no-repeat top;
	text-indent:-9999px;
	height:28px;
}

.sidemenu_main{
	padding:7px 8px 16px 7px;
}

#side_contact a {
	height: 88px;
	width: 220px;
	display: block;
	text-indent: -9999px;
	background:url(img/side_contact.jpg) no-repeat bottom;
	margin: 10px auto 0px auto;
	padding-top:20px;
	border-top:1px dotted #999;
}

.menu_news {
	margin:0 10px 5px 10px;
	list-style:none;
	padding-bottom:5px;
	border-bottom:dotted 1px #999;
}

.menu_news li {
	background:url(img/menu.jpg) 15px 10px no-repeat;
	padding:3px 0 3px 25px;
}
.p_news{
    text-align:right;
	margin:0px 0px 5px 0px;
	padding:0px 10px 0px 0px;
}

.banner {
	text-align:center;
	margin:10px 0 0 0;
}

.bannertop {
	text-align:center;
	margin:0 0 10px 0;
}


/* フッター
-------------------------------------------------------------*/

#footer{
	background:url(img/footer.jpg) no-repeat top;
	width:795px;
	height:104px;
	padding: 15px 0px 0px 15px;
}

#footer ul {
	font-size: 10px;
	color: #FFFFFF;
	list-style:none;
}

.spacer{
    background:url(img/footer_spacer.jpg) no-repeat left;
	padding:0px 0px 0px 19px;
}

#footer li {
	display: inline;
}

#footer a {
    color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover {
    color:#FFFFFF;
	text-decoration:underline;
}


.kitte {
	background:#EFEFEF;
	border:#CCCCCC 1px solid;
	padding:10px 10px 0px 10px;
	margin-bottom:20px;
}
.kitte h4 {
	margin:0 0 5px 5px;
	font-size:13px;
}
.kitte p {
	padding:5px;
}


/* 20080909追加
-------------------------------------------------------------*/

.mt_list{
    padding:0px 0px 0px 30px;
}

.newmark {
color: #FF0000;
}


.dl_blog{
	margin:0 auto 5px;
	width:220px;
	}
	
.dl_blog dt{
	padding:5px;
	width:210px;
}

.dl_blog dd{
	border-bottom:1px dashed #D8D8D8;
	margin:-1.9em 0 0.5em;
	padding:0 0 0.5em 6em;
}

.text_right{
	text-align:right;
}

.color_red{
	color:#C00;
	font-weight:bold;
}

#footer_key_bg{
	background:#be271c;
	width:100%;
	border-top:3px solid #edc884;
	border-bottom:3px solid #edc884;
	padding:10px 0;
}

#footer_key{
	text-align:left;
	margin:0 auto;
	width:800px;
}

#footer_key h4{
	color:#FFF;
}

#footer_key ul{
	color:#FFF;
	list-style-type:none;
	}

#footer_key ul li{
	display:inline;
	margin-right:15px;
	}