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

/*--------------------
共通設定
---------------------*/

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

div#wrap {
}

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:#0a98bd;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}

a:link{
	color:#0a98bd;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}

a:visited {
	color:#0a98bd;
	text-decoration: underline;
}
a:hover {
	color:#0a98bd;
	text-decoration:none;
}

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

img {
	border:0;
}

table {
	border-collapse:collapse;
}

span.red {
	color:#F00;
}

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

/*--------------------
汎用設定
---------------------*/

br.clear {
	clear:both;
}

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

a.noborder {
	text-decoration:none;
}

span.ajust {
	text-indent:-9999px;
}


span.bold {
	font-weight:bold;
}


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

div#header_wrap {
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;}

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

div#header div#summery {
	position:absolute;
	top:8px;
	left:0px;
	line-height:14px;
	height:14px;
	width:500px;
	font-size:11px;
	color:#333;
}

div#header div#logo {
	position:absolute;
	top:30px;
	left:0px;
	width:300px;
	height:53px;
}

div#header div#logo a:hover img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: #fff;
}

div#header div#licence {
	position:absolute;
	top:13px;
	left:584px;
}

div#header div#phone {
	position:absolute;
	top:12px;
	left:375px;
	width:250px;
	height:56px;
}

div#header div#contact {
	position:absolute;
	top:13px;
	left:631px;
	width:141px;
	height:57px;
}

div#header div#contact a {
	display:block;
	width:141px;
	height:57px;
	overflow:hidden;
}

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

div#header div#reserve {
	position:absolute;
	top:14px;
	left:776px;
	width:141px;
	height:57px;
}

div#header div#reserve a {
	display:block;
	width:141px;
	height:57px;
	overflow:hidden;
}

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

div#header ul#sub_navi {
	position:absolute;
	top:78px;
	left:379px;
	width:537px;
	height:12px;
}

div#header ul#sub_navi li {
	float:right;
	padding-left:15px;
	line-height:14px;
}

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

div#header ul#sub_navi li.n1 a {

	width:88px;
}

div#header ul#sub_navi li.n2 a {

	width:134px;
}

div#header ul#sub_navi li.n3 a {

	width:88px;
}


div#header ul#sub_navi li.n1 a:hover img {
        opacity:0.8;
       filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
        background: #fff;
}

div#header ul#sub_navi li.n2 a:hover img {
        opacity:0.8;
       filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
        background: #fff;
}

div#header ul#sub_navi li.n3 a:hover img {
        opacity:0.8;
       filter: alpha(opacity=80);
        -ms-filter: "alpha( opacity=80 )";
        background: #fff;
}



/*--------------------
gnavi
---------------------*/

div#navi_wrap {
	height:63px;
	background-image:url(../images/navi_bg.png);
}

ul#navi {
	width:920px;
	margin-left:auto;
	margin-right:auto;
}

ul#navi li {
	float:left;
	height:63px;
}

ul#navi li a {
	display:block;
	height:63px;
	text-indent:-9999px;
	overflow:hidden;
}

ul#navi li.home,ul#navi li.home a {
	background-image:url(../images/navi1.png);
	width:93px;
}

ul#navi li.office,ul#navi li.office a {
	background-image:url(../images/navi2.png);
	width:173px;
}

ul#navi li.campaign,ul#navi li.campaign a {
	background-image:url(../images/navi3.png);
	width:146px;
}

ul#navi li.feature,ul#navi li.feature a {
	background-image:url(../images/navi4.png);
	width:103px;
}

ul#navi li.flow,ul#navi li.flow a {
	background-image:url(../images/navi5.png);
	width:156px;
}

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

ul#navi li.company,ul#navi li.company a {
	background-image:url(../images/navi7.png);
	width:110px;
}

ul#navi li.home a:hover {
	background-image:url(../images/navi1b.png);
}

ul#navi li.office a:hover {
	background-image:url(../images/navi2b.png);
}

ul#navi li.campaign a:hover {
	background-image:url(../images/navi3b.png);
}

ul#navi li.feature a:hover {
	background-image:url(../images/navi4b.png);
}

ul#navi li.flow a:hover {
	background-image:url(../images/navi5b.png);
}

ul#navi li.question a:hover {
	background-image:url(../images/navi6b.png);
}

ul#navi li.company a:hover {
	background-image:url(../images/navi7b.png);
}


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

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

div#cont {
	float:right;
	width:700px;
	padding-top:8px;
}


h1 {
	background-image:url(../images/h1_bg.jpg);
	height:36px;
	padding-top:17px;
	background-repeat:no-repeat;
	font-size:18px;
	padding-left:40px;
}

h2 {
	background-image:url(../images/find1.jpg);
	height:28px;
	padding-top:5px;
	background-repeat:no-repeat;
	font-size:13px;
	line-height:18px;
	padding-left:40px;
	margin-top:1px;
}

h2.bo {
	position:relative;
}

h2 div.more {
	width:40px;
	height:12px;
	position:absolute;
	top:16px;
	left:651px;
	line-height:12px;
}

h2 div.more a {
	display:block;
	width:40px;
	height:12px;
	background-image:url(../images/find_detail.png);
	text-indent:-9999px;
	overflow:hidden;
}

h2 div.more a:hover {
	background-image:url(../images/find_detail2.png);
}

h2 div.detail {
	width:40px;
	height:12px;
	position:absolute;
	top:16px;
	left:651px;
	line-height:12px;
}

h2 div.detail a {
	display:block;
	width:40px;
	height:12px;
	background-image:url(../images/find_detail3.png);
	text-indent:-9999px;
	overflow:hidden;
}

h2 div.detail a:hover {
	background-image:url(../images/find_detail4.png);
}

div.box1 {
	padding:20px 20px 20px 20px;
	background-color:#FFF;
	border:solid 1px #ddd;
	border-top:none;
	clear:both;
}


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

div#sidebar {
	width:200px;
	float:left;
	padding-top:3px;
}

div#sidebar ul#side_office {
	
}

div#sidebar ul#side_office li {
	width:200px;
	height:33px;
	background-color:#FFF;
}

div#sidebar ul#side_office li a {
	display:block;
	width:170px;
	height:33px;
	line-height:33px;
	padding-left:30px;
	background-image:url(../images/side_navi_bg.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
	text-decoration:none;
	color:#000;
}

div#sidebar ul#side_office li a:hover {
	background-color:#169ec7;
	color:#FFF;
	background-image:url(../images/side_navi_bg2.jpg);
}

div#side_blog {
	margin-top:0px;
	background-color:#FFF;
	border:solid 1px #dddddd;
	border-top:none;
	padding:0px 10px 10px 10px;
}

div#side_blog ul li {
	padding-bottom:5px;
	border-bottom:dotted 1px #DDD;
	font-size:11px;
}

div#side_blog ul li a {
	color:#000000;
}

div#side_blog ul li span {
	color:#df6481;
}

div#side_blog ul li span.green {
	color:#8ec616;
}




div.side_twitter {
	margin-top:10px;
	width:200px;
}



div.side_contact {
	background-image:url(../images/side_contact_box.png);
	width:200px;
	height:236px;
	position:relative;
	margin-top:5px;
}

div.side_contact a {
	background-image:url(../images/side_contact_box_button.jpg);
	width:176px;
	height:46px;
	display:block;
	position:absolute;
	top:184px;
	left:14px;
	text-indent:-9999px;
	overflow:hidden;
}

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

div.side_contact2 {
	background-image:url(../images/side_contact_box2.png);
	width:200px;
	height:160px;
	position:relative;
	margin-top:5px;
}

div.side_contact2 a {
	background-image:url(../images/side_contact_box_button2.jpg);
	width:172px;
	height:41px;
	display:block;
	position:absolute;
	top:105px;
	left:13px;
	text-indent:-9999px;
	overflow:hidden;
}

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

div.to_top_wrap {
	width:113px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	padding-left:807px;
}

div.to_top {
	
}

div.to_top a {
	background-image:url(../images/to_top.jpg);
	display:block;
	width:113px;
	height:26px;
}

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

#foot_wrap{
    height:140px;
    width:100%;
	background-image:url(../images/footer_bg.jpg);
	color:#FFF;
}

div.footer_navi {
	width:920px;
	padding-top:15px;
	height:60px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/footer_line.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:11px;
}

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

div.footer_navi a:hover {
	text-decoration:underline;
}

div.footer_navi ul#f_navi {
	width:920px;
}

div.footer_navi ul#f_navi li {
	float:left;
	height:15px;
	padding-right:10px;
	padding-bottom:5px;
}

div.footer_navi ul#f_navi li a {
	display:block;
}
div#body_footer {
	height:100px;
	margin:0;
	padding:0;
}

div#footer {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:center;
}

div#footer table.footer_banner {
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

div#footer table.footer_banner td {
	padding:5px 10px;	
}

div#footer div#copyright {
	font-size:10px;
	padding-top:15px;
	line-height:16px;
}

/*--------------------------
よくある質問
---------------------------*/

ul.q_and_a {
	
}

ul.q_and_a li.question {
	padding-left:27px;
	background-image:url(../images/question.jpg);
	background-repeat:no-repeat;
	background-position:0px 2px;
	margin-top:10px;
	font-size:12px;
	margin-left:0px;
	border-bottom:dotted 1px #DDD;
	padding-bottom:10px;
}

ul.q_and_a li.question a {
	color:#0a98bd;
	text-decoration:none;
}

ul.q_and_a li.question a:hover {
	text-decoration:underline;
}

ul.q_and_a li.answer {
	margin-top:10px;
	font-size:12px;
	padding:10px;
	background-color:#fffbf3;
	line-height:20px;
	margin-right:40px;
	font-weight:normal;
	color:#111;
}

ul.q_and_a li.answer a {
	color:#FF6600;
	text-decoration:underline;
}

ul.q_and_a li.answer a:hover {
	text-decoration:none;
}

p.question_link {
	text-align:right;
	color:#0a98bd;
	margin-top:5px;
}