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

/*--------------------
共通設宁E
---------------------*/

body {
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "�E��E� �E�ゴシチE��", "MS PGothic", sans-serif;
	background-repeat:repeat;
	background-color:#FFF;
	line-height:20px;
}

ul , li , h1 , h2 , h3 ,h4 , h5 , h6 , table , tr , td , img , p , a , div , form , dl , dt , dd {
	margin:0;
	padding:0;
}

a {
	color:#1dadbe;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}

a:link{
	color:#1122cc;
	border:none;
	background-repeat:no-repeat;
	text-decoration:none;
}

a:visited {
	color:#551A8B;
	text-decoration:none;
}
a:hover {
	color:#CC0000;
	text-decoration:underline;
}

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

img {
	border:0;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


table {
	border-collapse:collapse;
}

/*--------------------
汎用設宁E
---------------------*/

br.clear {
	clear:both;
	height:1px;
}

img.border {
	padding:2px;
	border:solid 1px #333;
}

a.noborder {
	text-decoration:none;
}

span.ajust {
}


span.bold {
	font-weight:bold;
}

span.red_bold {
	font-weight:bold;
	color:#F00;
}

span.sub_find {
	font-size:14px;
	color:#db3131;
	line-height:28px;
	font-weight:bold;
}



/*--------------------
header
---------------------*/

div#header_wrap {
	height:88px;
	border-top:solid 4px #db3333;
}

div#header {
	width:960px;
	height:88px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

div#header p#summery {
	position:absolute;
	top:0px;
	left:1px;
	font-size:10px;
	font-weight:normal;
	color:#333;
}

div#header h1#summery {
	position:absolute;
	top:0px;
	left:1px;
	font-size:10px;
	font-weight:normal;
	color:#333;
}

div#header div#logo {
	position:absolute;
	top:22px;
	left:0px;
}

div#header div#card {
	position:absolute;
	top:47px;
	left:306px;
}

div#header div#phone {
	position:absolute;
	top:42px;
	left:521px;
}

div#header div#bridge {
	position:absolute;
	top:11px;
	left:303px;
	font-size:11px;
	line-height:14px;
	background-image:url(../images/heade_menu_icon1.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:15px;
}

div#header div#bridge a {
	color:#000;
	text-decoration:none;
}

div#header div#bridge a:hover {
	color:#666;
}

div#header ul#sub_navi {
	position:absolute;
	top:12px;
	left:350px;
	height:12px;
	background-image:url(../images/dot1.jpg);
	background-repeat:no-repeat;
	background-position:left;
}

div#header ul#sub_navi li {
	float:left;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/dot1.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

div#header ul#sub_navi li a {
	display:block;
	height:12px;
	overflow:hidden;
}

div#header ul#sub_navi li a:hover {
	background-position:0px -12px;
}

div#header ul#sub_navi li.n1 a {
	background-image:url(../images/heade_menu_company.jpg);
	width:58px;
}

div#header ul#sub_navi li.n2 a {
	background-image:url(../images/heade_menu_recruit.jpg);
	width:57px;
}

div#header ul#sub_navi li.n3 a {
	background-image:url(../images/heade_menu_sitemap.jpg);
	width:79px;
}

div#header ul#sub_navi li.n4 a {
	background-image:url(../images/heade_menu_csr.jpg);
	width:80px;
}

div#header ul#sub_navi li.n5 a {
	background-image:url(../images/heade_menu_bridge.jpg);
	width:90px;
}

div#header div#search {
	width:135px;
	height:20px;
	position:absolute;
	top:10px;
	right:0px;
}

div#header .search_button {
	background-image:url(../images/search_button.jpg);
	width:17px;
	height:16px;
	border: 0px;
	margin-left:5px;
}

div#header .search_box {
	height:18px;
	line-height:18px;
	font-size:12px;
	width:100px;
	padding:0;
}

div#header div#contact {
	width:120px;
	height:30px;
	position:absolute;
	top:13px;
	left:755px;
}

div#header div#contact a {
	width:156px;
	height:57px;
	display:block;
	overflow:hidden;
	background-image:url(../images/sample_header_contact.jpg);
}

div#header div#contact a:hover {
	background-position:0px -57px;
}

/*div#header div#material {
	width:120px;
	height:30px;
	position:absolute;
	top:44px;
	left:702px;
}

div#header div#material a {
	width:120px;
	height:30px;
	display:block;
	overflow:hidden;
	background-image:url(../images/header_material.jpg);
}

div#header div#material a:hover {
	background-position:0px -30px;
}

div#header div#trial {
	width:120px;
	height:30px;
	position:absolute;
	top:8px;
	left:835px;
}

div#header div#trial a {
	width:120px;
	height:30px;
	display:block;
	overflow:hidden;
	background-image:url(../images/header_trial.jpg);
}

div#header div#trial a:hover {
	background-position:0px -30px;
}

div#header div#estimate {
	width:120px;
	height:30px;
	position:absolute;
	top:44px;
	left:835px;
}

div#header div#estimate a {
	width:120px;
	height:30px;
	display:block;
	overflow:hidden;
	background-image:url(../images/header_estimate.jpg);
}

div#header div#estimate a:hover {
	background-position:0px -30px;
}

/*--------------------
navi
---------------------*/

div#navi_wrap {
	height:55px;
	background-image:url(../images/navi_bg.jpg);
	background-repeat:repeat-x;
}

ul#navi {
	width:960px;
	height:48px;
	margin-left:auto;
	margin-right:auto;
}

ul#navi li {
	float:left;
}

ul#navi li a {
	display:block;
	height:48px;
	overflow:hidden;
}

ul#navi li.navi1 a {
	background-image:url(../images/navi1.jpg);
	width:91px;
}

ul#navi li.navi2 a {
	background-image:url(../images/navi2.jpg);
	width:126px;
}

ul#navi li.navi3 a {
	background-image:url(../images/navi3.jpg);
	width:126px;
}

ul#navi li.navi4 a {
	background-image:url(../images/navi4.jpg);
	width:101px;
}

ul#navi li.navi5 a {
	background-image:url(../images/navi5.jpg);
	width:126px;
}

ul#navi li.navi6 a {
	background-image:url(../images/navi6.jpg);
	width:139px;
}

ul#navi li.navi7 a {
	background-image:url(../images/navi7.jpg);
	width:137px;
}

ul#navi li.navi8 a {
	background-image:url(../images/navi8.jpg);
	width:114px;
}

ul#navi li.navi1 a.select {
	background-position:0px -48px;
}

ul#navi li.navi2 a.select {
	background-position:0px -48px;
}

ul#navi li.navi3 a.select {
	background-position:0px -48px;
}

ul#navi li.navi4 a.select {
	background-position:0px -48px;
}

ul#navi li.navi5 a.select {
	background-position:0px -48px;
}

ul#navi li.navi6 a.select {
	background-position:0px -48px;
}

ul#navi li.navi7 a.select {
	background-position:0px -48px;
}

ul#navi li.navi8 a.select {
	background-position:0px -48px;
}


ul#navi li a:hover {
	background-position:0px -48px;
}


/*--------------------
contetns
---------------------*/

div#contents {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}

div#cont {
	float:left;
	width:700px;
}

/*--------------------
contetnsservice
---------------------*/

div#contetnsservice {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}

div#contservice {
	float:left;
	width:720px;
}

/*--------------------
service_internet04.html
---------------------*/
div#internet04_amount {
	font-size:13px;
}

div#internet04_mail0 {
	position:relative;
	top: 5px;
    left: 100px;
	}

div#internet04_mail0 a{
	display:block;
	width:468px;
	height:60px;
	color:#ffffff;
	background:url(../service/images/button3_1.jpg) no-repeat;
	background-size:auto 100%;
	}

div#internet04_mail0 a:hover{
	background:url(../service/images/button3_2.jpg) no-repeat;
	background-size:auto 100%;
	}

/*--------------------
sidebar
---------------------*/

div#sidebar {
	width:220px;
	float:right;
}

div#sidebar div#side_faq {
	background-image:url(../images/side_faq_bg.jpg);
	width:220px;
	height:96px;
	position:relative;
}

div#sidebar div#side_faq div#side_contact {
	width:200px;
	height:36px;
	position:absolute;
	top:10px;
	left:10px;
}

div#sidebar div#side_faq div#side_contact a {
	display:block;
	width:200px;
	height:36px;
	background-image:url(../images/side_faq1.jpg);
	overflow:hidden;
}

div#sidebar div#side_faq div#side_contact a:hover {
	background-position:0px -36px;
}

div#sidebar div#side_faq div#side_material {
	width:200px;
	height:36px;
	position:absolute;
	top:54px;
	left:10px;
}

div#sidebar div#side_faq div#side_material a {
	display:block;
	width:200px;
	height:36px;
	background-image:url(../images/side_faq2.jpg);
	overflow:hidden;
}

div#sidebar div#side_faq div#side_material a:hover {
	background-position:0px -37px;
}

div#sidebar div#side_phone {
	background-image:url(../images/side_phone_bg.jpg);
	width:220px;
	height:170px;
	position:relative;
}

div#sidebar div#side_phone div#side_contact {
	width:200px;
	height:36px;
	position:absolute;
	top:120px;
	left:10px;
}

div#sidebar div#side_phone div#side_contact a {
	display:block;
	width:200px;
	height:36px;
	background-image:url(../images/side_phone_contact.jpg);
	overflow:hidden;
}

div#sidebar div#side_phone div#side_contact a:hover {
	background-position:0px -36px;
}

div#sidebar div#side_phone div#side_material {
	width:200px;
	height:36px;
	position:absolute;
	top:165px;
	left:10px;
}

div#sidebar div#side_phone div#side_material a {
	display:block;
	width:200px;
	height:36px;
	background-image:url(../images/side_phone_material.jpg);
	overflow:hidden;
}

div#sidebar div#side_phone div#side_material a:hover {
	background-position:0px -37px;
}

div#side_find_case {
	background-image:url(../images/side_find_case.jpg);
	width:220px;
	height:20px;
	margin-top:20px;
}

ul#side_case {
	padding-bottom:10px;
	padding-top:5px;
}

ul#side_case li {
	margin-top:5px;
	padding:0px 5px;
	background-image:url(../images/dot2.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
	height:80px;
}

ul#side_case li p.name {
	background-image:url(../images/arrow1.jpg);
	background-repeat:no-repeat;
	line-height:20px;
	padding-left:15px;
	background-position:0px 5px;
}

ul#side_case li p.name a {
	color:#000;
}

ul#side_case li p.name a:hover {
	text-decoration:underline;
}

ul#side_case li p.name span {
	font-size:11px;
	margin-left:5px;
	color:#666;
}

ul#side_case li div.txt {
	font-size:11px;
	line-height:16px;
	padding-top:5px;
	color:#666;
}

ul#side_case li div.txt img {
	float:left;
	border:solid 2px #d4d4d4;
	margin-right:10px;
	margin-top:2px;
}

ul#side_case li div.txt a:hover img {
	border:solid 2px #db3333;
}


div#sidebar div.banner {
	margin-top:10px;
}

div#sidebar div#side_link {
	background-image:url(../images/dot5.jpg);
	padding:0px 10px 10px 10px;
	margin-top:20px;
}

div#sidebar div#side_link div {
	padding-top:10px;
	text-align:center;
}

div#sidebar .articleSide {
	padding: 4px;
	margin-bottom: 40px;
	border: 1px solid #ccc;
}

div#sidebar .articleSide a {
	color: #333!important;
}

div#sidebar .articleSide h3 {
	background: #d93333;
	padding-left: 37px;
	color: #fff;
	font-size: 108.3%;
	line-height: 32px;
}

div#sidebar .articleSide .cat h3 {
	background: url(/images/column/s_ico_ttl_cat.png) no-repeat 7px 5px #d93333;;
}

div#sidebar .articleSide ul.cat {
	margin-top: 10px;
}

div#sidebar .articleSide .cat li {
	padding: 5px 0 5px 0;
}

div#sidebar .articleSide .cat li a {
	background: url(/images/column/s_ico_cat.png) no-repeat 10px center;
	color: #333;
	padding-left: 20px;
}

div#sidebar .articleSide .new,
div#sidebar .articleSide .rank {
	margin-top: 15px;
}

div#sidebar .articleSide .new li,
div#sidebar .articleSide .rank li {
	margin-bottom: 10px;
}

div#sidebar .articleSide .new h3 {
	background: url(/images/column/s_ico_ttl_new.png) no-repeat 7px 5px #d93333;;
}

div#sidebar .articleSide .new li dl {
	position: relative;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

div#sidebar .articleSide .new dt,
div#sidebar .articleSide .rank dt {
	padding-left: 75px;
	line-height: 1.2;
}

div#sidebar .articleSide .new dt .date,
div#sidebar .articleSide .rank dt .date {
	display: block;
	margin-bottom: 5px;
	font-size: 10px;
}

div#sidebar .articleSide .new .img,
div#sidebar .articleSide .rank .img {
	position: absolute;
	top: 0;
	left: 5px;
}

div#sidebar .articleSide .ico {
	position: absolute;
	top:-6px;
	left: -7px;
	display: block;
	width: 19px;
	height: 19px;
	z-index: 999;
}

div#sidebar .articleSide .rank h3 {
	background: url(/images/column/s_ico_ttl_rank.png) no-repeat 7px 5px #d93333;;
}


div#sidebar .articleSide .rank1 {
	background: url(/images/column/s_ico_rank1.png) no-repeat 0 0;
}

div#sidebar .articleSide .rank2 {
	background: url(/images/column/s_ico_rank2.png) no-repeat 0 0;
}

div#sidebar .articleSide .rank3 {
	background: url(/images/column/s_ico_rank3.png) no-repeat 0 0;
}

div#sidebar .articleSide .rank4 {
	background: url(/images/column/s_ico_rank4.png) no-repeat 0 0;
}

div#sidebar .articleSide .rank5 {
	background: url(/images/column/s_ico_rank5.png) no-repeat 0 0;
}



/*--------------------
footer
---------------------*/

div.to_top {
	padding-left:843px;
	width:83px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5px;
}

div.to_top a {
	display:block;
	background-image:url(../images/to_top.jpg);
	background-repeat:no-repeat;
	width:83px;
	height:12px;
}

div.to_top a:hover {
	background-position:0px -12px;
}

div#footer_navi_wrap {
	background-image:url(../images/footer_navi_bg.jpg);
}

div#footer_navi {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-bottom:10px;
}

div#footer_navi ul {
	float:left;
	width:240px;
}

div#footer_navi ul li {
	font-size:11px;
	background-image:url(../images/arrow4.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:5px 8px;
	letter-spacing:1.6pt;
}

div#footer_navi ul li a {
	color:#666666;
	text-decoration:none;
}

div#footer_navi ul li a:hover {
	text-decoration:underline;
}

div#footer_navi ul li.find {
	background-image:url(../images/arrow3.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:0px 6px;
	margin-top:5px;
}

div#footer_navi ul li.find a {
	font-weight:bold;
}

div#footer {
	width:960px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding-bottom:5px;
}

div#footer div#footer_logo {
	width:198px;
	height:32px;
	position:absolute;
	top:8px;
	left:0px;
}


/*div#footer ul {
	position:absolute;
	top:8px;
	left:0px;
	height:16px;
	width:500px;
}

div#footer ul li {
	float:left;
	height:16px;
	padding-right:5px;
	background-image:url(../images/dot6.jpg);
	background-position:right;
	background-repeat:no-repeat;
	font-size:11px;
}

div#footer ul li.n1 {
	width:75px;
}

div#footer ul li.n2 {
	width:98px;
}

div#footer ul li.n3 {
	width:140px;
}

div#footer ul li.n4 {
	width:85px;
}

div#footer ul li a {
	display:block;
	height:16px;
	line-height:16px;
	padding-left:25px;
	background-image:url(../images/arrow1.jpg);
	background-repeat:no-repeat;
	background-position:10px 3px;
	text-decoration:none;
	color:#000;
}

div#footer ul li a:hover {
	color:#db3235;
	text-decoration:underline;
}*/

div#footer ul {
	position:absolute;
	top:49px;
	left:0px;
	width:600px;
}

div#footer ul li {
	float:left;
	height:16px;
	padding-right:5px;
	background-image:url(../images/dot6.jpg);
	background-position:right;
	background-repeat:no-repeat;
	font-size:11px;
	margin-right:10px;
	white-space: nowrap;
	margin-bottom:5px;
}

div#footer ul li a {
	height:16px;
	line-height:16px;
	text-decoration:none;
	color:#000;
	padding-right:10px;
}

div#footer ul li a:hover {
	color:#db3235;
	text-decoration:underline;
}

div#footer div#copyright {
	position:absolute;
	top:15px;
	left:615px;
	font-size:11px;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロチE��レベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*--------------------------
お問合わせ�EチE��ス
---------------------------*/

div#contact_box {
	width:500px;
	height:140px;
	background-image:url(../images/sample_button_underground.jpg);
	position:relative;
	margin:35px auto 0px auto;
}

div#cont div#contact_box p {
	position:absolute;
	top:90px;
	left:25px;
	font-size:11px;
	line-height:16px;
	color:#666666;
	padding:0;
}

div#contact_box div#contact_button {
	position:absolute;
	top:0px;
	left:0px;
	width:14px;
	height:42px;
}

div#contact_box div#contact_button a {
	width:500px;
	height:70px;
	background-image:url(../images/sample_push_button.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box div#contact_button a:hover {
	background-position:0px -70px;
}

/*div#contact_box div#material_button {
	position:absolute;
	top:110px;
	left:383px;
	width:133px;
	height:42px;
}

div#contact_box div#material_button a {
	width:133px;
	height:42px;
	background-image:url(../images/inquiry_box_material.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box div#material_button a:hover {
	background-position:0px -42px;
}*/

div#contact_box div.contact_button {
	position:absolute;
	top:0px;
	left:0px;
	width:14px;
	height:42px;
}

div#contact_box div.contact_button a {
	width:500px;
	height:70px;
	background-image:url(../images/sample_push_button.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box div.contact_button a:hover {
	background-position:0px -70px;
}

/*div#contact_box div.material_button {
	position:absolute;
	top:110px;
	left:383px;
	width:133px;
	height:42px;
}

div#contact_box div.material_button a {
	width:133px;
	height:42px;
	background-image:url(../images/inquiry_box_material.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box div.material_button a:hover {
	background-position:0px -42px;
}*/

#contact_box {
	background-image:url();
}

div#contact_box2 {
	width:650px;
	height:161px;
	background-image:url(../images/inquiry_box.jpg);
	position:relative;
	margin:20px auto 0px auto;
}

div#cont div#contact_box2 p {
	position:absolute;
	top:67px;
	left:20px;
	font-size:11px;
	line-height:16px;
	color:#666666;
	padding:0;
}

div#contact_box2 div#contact_button {
	position:absolute;
	top:110px;
	left:237px;
	width:133px;
	height:42px;
}

div#contact_box2 div#contact_button a {
	width:133px;
	height:42px;
	background-image:url(../images/inquiry_box_contact.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box2 div#contact_button a:hover {
	background-position:0px -42px;
}

div#contact_box2 div#material_button {
	position:absolute;
	top:110px;
	left:383px;
	width:133px;
	height:42px;
}

div#contact_box2 div#material_button a {
	width:133px;
	height:42px;
	background-image:url(../images/inquiry_box_material.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box2 div#material_button a:hover {
	background-position:0px -42px;
}

div#contact_box2 div.contact_button {
	position:absolute;
	top:110px;
	left:237px;
	width:133px;
	height:42px;
}

div#contact_box2 div.contact_button a {
	width:133px;
	height:42px;
	background-image:url(../images/inquiry_box_contact.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box2 div.contact_button a:hover {
	background-position:0px -42px;
}

div#contact_box2 div.material_button {
	position:absolute;
	top:110px;
	left:383px;
	width:133px;
	height:42px;
}

div#contact_box2 div.material_button a {
	width:133px;
	height:42px;
	background-image:url(../images/inquiry_box_material.jpg);
	display:block;
	overflow:hidden;
}

div#contact_box2 div.material_button a:hover {
	background-position:0px -42px;
}

/*--------------------------
HTMLファイルはidをclassに修正したぁE
Wordpressは修正できてぁE��ぁE��
idとclassめE重定義
---------------------------*/



/*--------------------------
セキュリチE��への取り絁E��
---------------------------*/

table.security_icon2 {
	width:500px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #DDD;
}

table.security_icon2 th {
	padding-top:5px;
}

table.security_icon2 td {
	padding:10px;
}


/*--------------------
フェイスブック、ツイチE��ー
---------------------*/

div.fb-like-box {
/*
	margin-top:20px;
*/
	margin-bottom:10px;
}

ul#twitter_update_list {
	border:solid 1px #3cb9cd;
}

ul#twitter_update_list li {
	font-size:11px;
	line-height:16px;
	border-bottom:dotted 1px #CCC;
	padding:5px 10px 5px 40px;
	background-image:url(../images/tweet_logo.jpg);
	background-repeat:no-repeat;
	background-position:10px 5px
	
}

div.tweet_list {
	font-size:10px;
	text-align:right;
	margin:0;
	padding:0;
	background-color:#3cb9cd;
	padding:2px 5px 2px 2px;
}

div.tweet_list a {
	color:#FFF;
	text-decoration:none;
}

.error {
    border: 4px double #ddd;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding: 2em;
    text-align: center;
    width: 960px;
}

.error_1 {
    font-weight: 700;
    font-size: 4ex;
}