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

/* レイアウト ==================================================== */

body{
background:url(../images/header_line.gif) top left repeat-x;
margin:0;
padding:0;
}

#container {
width:900px;
margin:3px auto 0 auto;
background:url(../images/menu_bg.gif) top left repeat-y;
overflow: hidden;
padding-bottom:50px;
}


#header{
width:900px;
height:78px;
position:relative;
}

#gnaviArea{
width:220px;
float:left;
}

#mainContents{
width:680px;
margin:0;
padding:0;
float:right;
/*min-height:1350px;
height: auto !important;
height: 1350px;*/
}

.contents_l{
width:464px;
float:left;
padding-left:18px;
}

.contents_r{
border:solid 1px #ccc;
padding:19px;
}

.content_right{
width:176px;
padding:0;
float:right;
}





h1{
margin-top:17px;
}

h2{
text-align:right;
padding-bottom: 10px;
}


h3.title_str{
width:464px;
height:60px;
padding: 0;
display: block;
text-indent:-9999px;
}


h4{
height: 43px;
background: url(../images/h4_background.gif) no-repeat;
padding-left: 47px;
color: #FFFFFF;
font-size:108%;
font-weight:bold;
margin-bottom:10px;
line-height: 37px;
}
.h4_section{
padding:10px;
}
.h4_section p{
font-size:108%;
line-height:1.5;
}

h5{
font-size:108%;
font-weight:bold;
color:#005494;
margin:1em 0 0.2em 0;
line-height:1.5;
}

h6{
font-size:108%;
font-weight:bold;
}

a{color:#005494; text-decoration:underline;}
a:hover{color:#0090ff; text-decoration:none;}
a:active{color:#0090ff; text-decoration:none;}
a:visited{color:#800080; text-decoration:none;}

.txt_link a{
font-size: 93%;
padding:0 0 0 11px;
text-decoration:underline;
color:#005494;
background:url(../images/link_ico.gif) top left no-repeat;
}
.txt_link a:hover{
text-decoration:none;
color:#0090ff;
}
.txt_link a:active{
text-decoration:none;
color:#0090ff;
}
.txt_link a:visited{
text-decoration:none;
color:#800080;
}

.pagetop{
margin:15px 0 20px 0;
text-align:right;
}
.pagetop a{
font-size: 93%;
padding:0 0 0 11px;
text-decoration:underline;
color:#005494;
background:url(../images/pagetop_ico.gif) bottom left no-repeat;
}
.pagetop a:hover{
text-decoration:none;
color:#0090ff;
}
.pagetop a:active{
text-decoration:none;
color:#0090ff;
}
.pagetop a:visited{
text-decoration:none;
color:#800080;
}

.imgborder_l{float:left; padding:2px; border:solid 1px #cccccc; margin:0 1em 1em 0; display:inline;}
.imgborder_r{float:right; padding:2px; border:solid 1px #cccccc; margin:0 0 1em 1em; display:inline;}
.imgborder_c{padding:2px; border:solid 1px #cccccc; margin:0 0 5px;}
.imgborder_none{padding:0px; border: none; margin:0 0 5px;}

.float_l{float:left;}
.float_r{float:right;}
.clear{clear:both;}
.clear20{clear:both; padding-bottom:20px}
.clear10{clear:both; padding-bottom:10px}

.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}

.bold{ font-weight:bold;}
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f13 { font-size:100%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }

p.f12_red { font-size:93%; color:#e11616; }

.align_l{text-align:left}
.align_c{text-align:center}
.align_r{text-align:right}

p.mb1{ margin-bottom:1em;}

.border_gray { border:solid 1px #cccccc;}

input, textarea {
padding: 0.3em;
}

/* ヘッダー ==================================================== */

#header h1{
width:178px;
height:78px;
position: absolute;
top:0;
left:0;
}

#header .tel{
position: absolute;
top:12px;
right:0;
}

#header .headerMenu{
	position: absolute;
	top:58px;
	right:0;
}
#header .headerMenu ul {
width:234px;
}
#header .headerMenu ul li{
float:left;
margin: 0 0 0 10px;
text-indent:-9999px;
line-height:12px;
display:inline
}
#header .headerMenu ul li.headerMenu_01 a{
width:49px;
height:12px;
padding: 0;
margin: 0;
background:url(../images/header_menu01.gif) 0px 0 no-repeat;
display:block;
}
#header .headerMenu ul li.headerMenu_01 a:hover{
background-position:0 -12px;
}
#header .headerMenu ul li.headerMenu_02 a{
width:74px;
height:12px;
padding: 0;
margin: 0;
background:url(../images/header_menu02.gif) 0px 0 no-repeat;
display:block;
}
#header .headerMenu ul li.headerMenu_02 a:hover{
background-position:0 -12px;
}
#header .headerMenu ul li.headerMenu_03 a{
width:81px;
height:12px;
padding: 0;
margin: 0;
background:url(../images/header_menu03.gif) 0px 0 no-repeat;
display:block;
}
#header .headerMenu ul li.headerMenu_03 a:hover{
background-position:0 -12px;
}

.index_text{
	position: relative;
	width: 430px;
	top: 20px;
	left: 245px;
}

.index_text img{
	padding-bottom: 2px;
}

/* 左メニュー ==================================================== */
#gnaviArea div.menu01{
width:178px;
height:33px;
line-height: inherit;
text-indent:-9999px;
background: url(../images/menu01.gif) 0px 0px no-repeat;
}
#gnaviArea div.menu02{
width:178px;
height:49px;
margin-top:10px;
line-height: inherit;
text-indent:-9999px;
display:block;
background: url(../images/menu02.gif) 0 0 no-repeat;
}
#gnaviArea div.menu03{
width:178px;
height:49px;
margin-top:10px;
text-indent:-9999px;
display:block;
background: url(../images/menu03.gif) 0 0 no-repeat;
line-height: inherit;
}
#gnaviArea div.menu04{
width:178px;
height:49px;
margin-top:10px;
text-indent:-9999px;
display:block;
background: url(../images/menu04.gif) 0 0 no-repeat;
line-height: inherit;
}
#gnaviArea div.menu05{
width:178px;
height:49px;
margin-top:10px;
text-indent:-9999px;
display:block;
background: url(../images/menu05.gif) 0 0 no-repeat;
line-height: inherit;
}

#gnavi .menuLine{
width:178px;
height:26px;
display:block;
background: url(../images/menu_line.gif) 0 0 no-repeat;
line-height: inherit;
}

#gnavi li a{
width:178px;
height:33px;
text-indent:-9999px;
line-height: inherit;
display:block;
}

#gnaviArea li.menu01_1 a{background: url(../images/menu01_1.gif) 0 0 no-repeat;}
#gnaviArea li.menu01_1 a:hover{background: url(../images/menu01_1.gif) -178px 0 no-repeat;}
#gnaviArea li.menu01_1 a:active,
body#new_m #gnaviArea li.menu01_1 a {background: url(../images/menu01_1.gif) -356px 0 no-repeat;}

#gnaviArea li.menu01_2 a{background: url(../images/menu01_2.gif) 0 top no-repeat;}
#gnaviArea li.menu01_2 a:hover{background: url(../images/menu01_2.gif) -178px 0 no-repeat;}
#gnaviArea li.menu01_2 a:active,
body#renewal_m #gnaviArea li.menu01_2 a {background: url(../images/menu01_2.gif) -356px 0 no-repeat;}

#gnaviArea li.menu01_3 a{background: url(../images/menu01_3.gif) 0 0 no-repeat;}
#gnaviArea li.menu01_3 a:hover{background: url(../images/menu01_3.gif) -178px 0 no-repeat;}
#gnaviArea li.menu01_3 a:active,
body#flow_m #gnaviArea li.menu01_3 a {background: url(../images/menu01_3.gif) -356px 0 no-repeat;}

#gnaviArea li.menu01_4 a{background: url(../images/menu01_4.gif) 0 0 no-repeat;}
#gnaviArea li.menu01_4 a:hover{background: url(../images/menu01_4.gif) -178px 0 no-repeat;}
#gnaviArea li.menu01_4 a:active,
body#charge_m #gnaviArea li.menu01_4 a {background: url(../images/menu01_4.gif) -356px 0 no-repeat;}

#gnaviArea li.menu01_5 a{background: url(../images/menu01_5.gif) 0 0 no-repeat;}
#gnaviArea li.menu01_5 a:hover{background: url(../images/menu01_5.gif) -178px 0 no-repeat;}
#gnaviArea li.menu01_5 a:active,
body#faq_m #gnaviArea li.menu01_5 a {background: url(../images/menu01_5.gif) -356px 0 no-repeat;}

#gnaviArea li.menu01_6 a{background: url(../images/menu01_6.gif) 0 0 no-repeat;}
#gnaviArea li.menu01_6 a:hover{background: url(../images/menu01_6.gif) -178px 0 no-repeat;}
#gnaviArea li.menu01_6 a:active,
body#dekiru_m #gnaviArea li.menu01_6 a {background: url(../images/menu01_6.gif) -356px 0 no-repeat;}

#gnaviArea li.menu02_1 a{background: url(../images/menu02_1.gif) 0 top no-repeat;}
#gnaviArea li.menu02_1 a:hover{background: url(../images/menu02_1.gif) -178px top no-repeat;}
#gnaviArea li.menu02_1 a:active,
body#cms_m #gnaviArea li.menu02_1 a {background: url(../images/menu02_1.gif) -356px 0 no-repeat;}

#gnaviArea li.menu02_2 a{background: url(../images/menu02_2.gif) 0 top no-repeat;}
#gnaviArea li.menu02_2 a:hover{background: url(../images/menu02_2.gif) -178px top no-repeat;}
#gnaviArea li.menu02_2 a:active,
body#enquete_m #gnaviArea li.menu02_2 a {background: url(../images/menu02_2.gif) -356px 0 no-repeat;}

#gnaviArea li.menu02_3 a{background: url(../images/menu02_3.gif) 0 top no-repeat;}
#gnaviArea li.menu02_3 a:hover{background: url(../images/menu02_3.gif) -178px top no-repeat;}
#gnaviArea li.menu02_3 a:active,
body#shopping_m #gnaviArea li.menu02_3 a {background: url(../images/menu02_3.gif) -356px 0 no-repeat;}

#gnaviArea li.menu02_4 a{background: url(../images/menu02_4.gif) 0 top no-repeat;}
#gnaviArea li.menu02_4 a:hover{background: url(../images/menu02_4.gif) -178px top no-repeat;}
#gnaviArea li.menu02_4 a:active,
body#businesscard_m #gnaviArea li.menu02_4 a {background: url(../images/menu02_4.gif) -356px 0 no-repeat;}

#gnaviArea li.menu02_5 a{background: url(../images/menu02_5.gif) 0 top no-repeat;}
#gnaviArea li.menu02_5 a:hover{background: url(../images/menu02_5.gif) -178px top no-repeat;}
#gnaviArea li.menu02_5 a:active,
body#mailmaga_m #gnaviArea li.menu02_5 a {background: url(../images/menu02_5.gif) -356px 0 no-repeat;}

#gnaviArea li.menu03_1 a{background: url(../images/menu03_1.gif) 0 top no-repeat;}
#gnaviArea li.menu03_1 a:hover{background: url(../images/menu03_1.gif) -178px top no-repeat;}
#gnaviArea li.menu03_1 a:active,
body#seo_m #gnaviArea li.menu03_1 a {background: url(../images/menu03_1.gif) -356px 0 no-repeat;}

#gnaviArea li.menu03_2 a{background: url(../images/menu03_2.gif) 0 top no-repeat;}
#gnaviArea li.menu03_2 a:hover{background: url(../images/menu03_2.gif) -178px top no-repeat;}
#gnaviArea li.menu03_2 a:active,
body#management_m #gnaviArea li.menu03_2 a {background: url(../images/menu03_2.gif) -356px 0 no-repeat;}

#gnaviArea li.menu04_1 a{background: url(../images/menu04_1.gif) 0 top no-repeat;}
#gnaviArea li.menu04_1 a:hover{background: url(../images/menu04_1.gif) -178px top no-repeat;}
#gnaviArea li.menu04_1 a:active,
body#works_m #gnaviArea li.menu04_1 a {background: url(../images/menu04_1.gif) -356px 0 no-repeat;}

#gnaviArea li.menu05_1 a{background: url(../images/menu05_1.gif) 0 top no-repeat;}
#gnaviArea li.menu05_1 a:hover{background: url(../images/menu05_1.gif) -178px top no-repeat;}
#gnaviArea li.menu05_1 a:active,
body#outline_m #gnaviArea li.menu05_1 a {background: url(../images/menu05_1.gif) -356px 0 no-repeat;}

#gnaviArea li.menu05_2 a{background: url(../images/menu05_2.gif) 0 top no-repeat;}
#gnaviArea li.menu05_2 a:hover{background: url(../images/menu05_2.gif) -178px top no-repeat;}
#gnaviArea li.menu05_2 a:active,
body#member_m #gnaviArea li.menu05_2 a {background: url(../images/menu05_2.gif) -356px 0 no-repeat;}

#gnaviArea .bnrArea{
width:178px;
}

#gnaviArea .bnrArea ul li{
width:178px;
height:75px;
display:block;
margin-bottom:5px;
}

p.btn_contact a{
width:178px;
height:128px;
background:url(../images/bnr_contact.jpg) 0 0 no-repeat;
display:block;
text-indent:-9999px;
margin-bottom:20px;
line-height: inherit;
}
p.btn_contact a:hover{
background:url(../images/bnr_contact.jpg) -179px 0 no-repeat;
}

/* 右コンテンツ ==================================================== */


/* ぱんくず ----------------------------- */
.topicpath {
width:464px;
height: 15px;
margin:0;
padding: 17px 0 8px;
font-size:93%;
border-bottom:1px solid #aaaaaa;
}
.topicpath ol li {
display:inline;
margin:0px;
padding:0px 0px 0px 14px;
list-style-type:none;
background:url("../images/topicpath_ico.gif") 2px 1px no-repeat;
}
.topicpath ol li.home {
display:inline;
margin:0px;
padding:0px;
list-style-type:none;
background:url("../images/topicpath_ico_home.gif") 2px 2px no-repeat;
}

/* 文字サイズ変更 ----------------------------- */
.textsize_change{
margin:0 0 20px;
padding:0px;
/* width:178px;
float: right; */
}
.textsize_change p {
font-size:93%;
}
.textsize_change ul {
width:178px;
height:20px;
text-indent:-9999px;
line-height:1px;
}
.textsize_change ul li{
height:20px;
float:left;
margin-top: 6px;
}
.textsize_change ul li.font_l a{
width:53px;
height:20px;
background:url(../images/btn_font_l.jpg) 0 0 no-repeat;
display:block
}
.textsize_change ul li.font_l a:hover{
background:url(../images/btn_font_l.jpg) 0 -20px no-repeat;
}
.textsize_change ul li.font_m a{
width:53px;
height:20px;
margin-left:9px;
padding: 0;
background:url(../images/btn_font_m.jpg) 0 0 no-repeat;
display:block
}
.textsize_change ul li.font_m a:hover{
background:url(../images/btn_font_m.jpg) 0 -20px no-repeat;
}
.textsize_change ul li.font_s a{
width:53px;
height:20px;
margin-left:9px;
padding: 0;
background:url(../images/btn_font_s.jpg) 0 0 no-repeat;
display:block
}
.textsize_change ul li.font_s a:hover{
background:url(../images/btn_font_s.jpg) 0 -20px no-repeat;
}

/* 制作実績 ----------------------------- */
.jisseki_right{
	text-indent:-9999px;
	font-size: 0;
	line-height: 0;
}

.right_bar_box{
	padding: 0;
	margin: 0;
}

.r_top{
	float: left;
	width: 176px;
	height: 41px;
	background: url(../images/right_bar-01.gif) no-repeat;
}

h3.jisseki_right {
	width: 168px;
	height:37px;
}
h3.jisseki_right a {
	display: block;
	margin-left: 4px;
	margin-top: 4px;
	width: 168px;
	height:37px;
	/*border: solid 1px #000000;*/
}


.r_middle{
	float: left;
	width: 176px;
	background: url(../images/right_bar-02.gif) repeat-y;
}

.r_middle_content{
	width: 138px;
	margin: 0 5px;
	padding: 14px;
	background: url(../images/right_bar-03.gif) #EBEBEB repeat-x;
}

.r_bottom{
	float: left;
	width: 176px;
	height: 12px;
	background: url(../images/right_bar-04.gif) no-repeat;
}

/* フッター ==================================================== */

#footer{
	clear: both;
	width: auto;
	height: 205px;
	margin: 0;
	text-align:center;/* for IE */
	background: url(../images/footer_bg.gif) top repeat-x;
	overflow: hidden;
}

.footer_area{
	margin: 0 auto;
	width: 900px;
	height: 205px;
	text-align:left;/* for IE */
}

.footer_content{
	margin: 19px 0 0 14px;
	float: left;
}

.footer_left{
	float: left;
	width: 560px;
}

.footer_right{
	float: right;
	width: 313px;
	margin: 5px 5px 0 0;
}

.footer_rogo{
	display: block;
	width: 671px;
	height: 28px;
	margin: 0 0 14px;
	background: url(../images/footer-02.gif) no-repeat;
	text-indent:-9999px;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}
	
.footer_left p{
	font-size: 93%;
	line-height: 150%;
	color: #FFFFFF;
	padding-bottom: 7px;
}

.footer_left p a, .footer_left p a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.footer_left p a:hover{
	color: #FFFF00;
	text-decoration: underline;
}

.footer_left p.copyArea{
	font-size: 90%;
	line-height: 120%;
	padding-left:5px;
}

/* Pagerank (トップページのみ。CSSはあまり意味がなかった。JSファイルでCSSを確定しているため) ==================================================== */

#pagerank_raw_pr_005716 a img,#pagerank_raw_pr_005716 a fieldset{
vertical-align: text-bottom !important;
border-bottom-style: none !important;
}

/* リンクの点線を消す ==================================================== */

a:active, a:focus{ outline:none; }