@charset "Shift_JIS";

/* #top 
---------------------------------------------------------------- */
#top{
	width:960px;
}
#top .title{
	border-bottom:1px solid #dddddd;
	margin:40px 0 0;
	font-size:131%;
	padding:2px 0;
	color:#222;
}
.title{
	border-bottom:1px solid #dddddd;
	font-size:131%;
	padding:2px 0;
	color:#222;
	
}
.topics{
	height:250px;
	overflow:auto;
	margin-top:10px;
	}
.topics dl{
	width:900px;
	}
.topics dt{
	float:left;
	width:120px;
	padding:10px 0 3px 30px;
	}
.topics dd{
	border-bottom:1px dotted #ccc;
	padding:10px 0 3px 150px;
	}
	
#twitter {
    width:100%;
	height:200px;
    overflow:auto;
	padding:15px 0 0;
	margin-top:10px;
}
#twitter_inner ul#twitter_update_list {
	width:900px;
    list-style-type:none;
    margin:0;
    padding:0;
}
#twitter_inner ul#twitter_update_list li {
    padding:0 5px 3px 5px;
    margin-bottom:20px;
    border-bottom:1px dotted #ccc;
}
#twitter-link {
    text-align:right;
    display:block;
    margin:15px 0 0
}


/*トップスライダー*/

#sliders-out{
/* CSS3 Box Shadow */
background-color:#FFF;
-moz-box-shadow:0 0 3px #ddd;
-webkit-box-shadow:0 0 3px #ddd;
box-shadow:0 0 3px #ddd;
width: 960px;
padding:0 0 5px 0;
margin:0 auto;
overflow:hidden;
-moz-border-radius: 5px;　/* Firefox */
-webkit-border-radius: 5px;　/* Safari and Chrome */
-khtml-border-radius:5px;
border-radius: 5px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
border: 1px solid #eee;
behavior: url(http://botao.jp/css/ie-css3.htc);　/* This lets IE know to call the script on all elements which get the ‘box’ class */
}


#new-result{
	margin:20px 0 0 30px;
	}
#new-result li{
	width:180px;
	padding:10px;
    float:left;
    margin-right:30px;
	background-color:#fff;

/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #cccccc;
	-webkit-box-shadow:0 0 3px #cccccc;
	box-shadow:0 0 3px #cccccc;
	
	-moz-border-radius: 3px;　/* Firefox */
    -webkit-border-radius: 3px;　/* Safari and Chrome */
    -khtml-border-radius:3px;
    border-radius: 3px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    border: 1px solid #eee;
	behavior: url(http://botao.jp/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

	
/* #company 
---------------------------------------------------------------- */

#company{
	padding:0px 0 20px;
	}
#company dl {
 background-color:#F7F7F7;
 border-bottom: 1px solid #ddd;
 width: 100%;
}
#company dt.non-border,#company dd.non-border{
	border-top:none;
}
#company dt {
 color: #999;
 width: 15em;
 padding:1em;
 border-top: 1px solid #ddd;
 float: left;
}
#company dd {
 background-color: #FFF;
 margin: 0 0 0 16em;
 padding:1em;
 border-top: 1px solid #ddd;
 border-left: 1px solid #ddd;
}

/* #history
---------------------------------------------------------------- */

#history dl {
 background-color:#F7F7F7;
 border-bottom: 1px solid #ddd;
 width: 100%;
}
#history dt.non-border,#history dd.non-border{
	border-top:none;
}
#history dt {
 color: #999;
 width: 12em;
 padding:1em;
 border-top: 1px solid #ddd;
 float: left;
}
#history dd {
 background-color: #FFF;
 margin: 0 0 0 13em;
 padding:1em;
 border-top: 1px solid #ddd;
 border-left: 1px solid #ddd;
}


/* #philosophy
---------------------------------------------------------------- */

#philosophy-inner{
	width:650px;
	margin:20px auto;
	}
#philosophy-inner .txt{
	margin:10px 0 20px;
	line-height:2.0;
	}

	
/* #greeting
---------------------------------------------------------------- */

#greeting h2{
	text-align:center;
	}
#greeting p.txt{
	line-height:4.0;
	margin-top:10px;
	}
#greeting .sign{
	margin:50px 0 150px;
	text-align:right;
	}
	
	
/* #bloss
---------------------------------------------------------------- */

#bloss{
	width: 860px;
	margin: 0 auto;
	font-size: 117%;
	}
#bloss p{
	line-height: 1.8;
	color: #333333;
	}
#bloss .bloss-01{
	width: 700px;
	margin: 5px auto 0;
	text-align: center;
	}
#bloss .bloss-02{
	width: 700px;
	margin: 5px auto 10px;
	text-align: center;
	}
#bloss .bloss-03{
	width: 860px;
	background: url(../images/bloss/bloss_47.jpg) repeat-y 0 0;
	}
#bloss .bloss-03 dt{
	width: 314px;
	float:right;
	}
#bloss .bloss-03 dd{
	padding: 15px 20px 0 20px;
	width:506px;
	float:left;
	}
#bloss .bloss-package{
	width: 850px;
	margin: 20px auto 10px;
	}
#bloss .bloss-box{
	width: 848px;
	margin: 0 auto 30px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	}
#bloss .bloss-box-02{
	width: 788px;
	margin: 0 auto 30px;
	padding:20px 30px 20px 30px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	}
#bloss .bloss-notice{
	font-size: 85%;
	}
#bloss .bloss-center{
	text-align: center;
	}
#bloss .bloss-04{
	margin: 10px 5px;
	}
#bloss .bloss-05{
	margin: 10px 5px 20px;
	}
#bloss .bloss-06{
	padding:0 5px;
	}
#bloss .bloss-06 dt{
	float:right;
	width:250px;
	}
#bloss .bloss-06 dd{
	float:left;
	width:597px;
	}
#bloss .bloss-06 dd p{
	padding:10px 30px 10px 5px;
	}
#bloss .bloss-07{
	padding:10px;
	}
#bloss .bloss-08{
	margin:0 5px;
	padding:15px;
	background:#f1f1f3;
	}
#bloss .bloss-09{
	margin: 10px 30px;
	}
#bloss .bloss-btn{
	margin-bottom: 20px;
	text-align: center;
	}
#sbm {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px 7px;
	text-align: left;
}
#sbm li {
	padding: 0 15px 0 0;
	display: inline;
}
#sbm li#fb {
	padding: 0;
}
#sbm li#tw {
	padding: 0 10px;
}
#sbm li	.twitter-share-button {
	vertical-align: middle;
}

/* results
---------------------------------------------------------------- */

#results ul.subnavi{
	padding:15px 0 0px!important;
	border-bottom:1px solid #ddd;
	}
#results ul.subnavi li{
	margin:0 3px 0 0!important;
	float:left;
	}
#results ul{
	clear:both;
	padding:30px 0 20px;
	}
#results .content li{
	float:left;
	margin:0 20px 20px 0;
	width:180px;
	background-color:#fff;
	padding:15px 10px 0;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #cccccc;
	-webkit-box-shadow:0 0 3px #cccccc;
	box-shadow:0 0 3px #cccccc;
	
	-moz-border-radius: 3px;　/* Firefox */
    -webkit-border-radius: 3px;　/* Safari and Chrome */
    -khtml-border-radius:3px;
    border-radius: 3px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    border: 1px solid #eee;
	behavior: url(http://botao.jp/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */

	}
	
#results li p.picture{
	height:190px;
	}
	
#results li p.url{
	display:block;
	font-size:85%;
	}
#results li p.lpo{
	height:380px;
	}
#results li p.title{
	padding-top:5px;
	}
	
/* recruit
---------------------------------------------------------------- */

#recruit p{
	border:1px solid #ddd;
	padding:30px;
	text-align:center;
	margin:40px 0;
	}
#recruit h3{
	font-weight:bold;
	}
#recruit .entry{
	text-align:right;
	}
#recruit dl {
 background-color:#F7F7F7;
 border-bottom: 1px solid #ddd;
 width: 100%;
}
#recruit dt.non-border,#recruit dd.non-border{
	border-top:none;
}
#recruit dt {
 color: #999;
 width: 15em;
 padding:1em;
 border-top: 1px solid #ddd;
 float: left;
}
#recruit dd {
 background-color: #FFF;
 margin: 0 0 0 16em;
 padding:1em;
 border-top: 1px solid #ddd;
 border-left: 1px solid #ddd;
}

/* quetion
---------------------------------------------------------------- */

#quetion{
	padding:20px 0;
	}
#quetion a{
	color: #0675bc;
    text-decoration: underline;
	}
.sub-navi{
	padding:20px 0 10px 0;
	}

#quetion dt{
	font-weight:bold;
	color:#067ecb;
	padding:3px 0 15px 40px;
	margin-bottom:10px;
	background: url(../images/faq/faq_02.jpg) no-repeat 0 0;
	}
#quetion dd{
	padding-bottom:15px;
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
	padding:2px 0 15px 40px;
	background: url(../images/faq/faq_03.jpg) no-repeat 0 0;
	}
	
/* contact
---------------------------------------------------------------- */

#contact table{
	width:100%;
	border-right:1px solid #EBEBEB;
	}

#contact th{
	width:30%;
	border-left:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	padding:10px;
	}
#contact table.bg th{
	background-color:#FAFAFA;
	}
#contact th span{
	color:#39F;
	}
#contact td{
	border-left:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	padding:10px;
	}
#contact .thanks{
	text-align:center;
	}
#contact .btn-block{
	text-align:center;
	padding:20px 0;
	}
	
#contact_error{
	padding:10px 0;
	width:750px;
	margin:0 auto
	}
#contact_error .text{
	color:#F00;
	}
#contact_error table{
	width:750px;
	border-right:1px solid #EBEBEB;
	border-bottom:1px solid #EBEBEB;
	}
#contact_error th{
	width:33%;
	border-left:1px solid #EBEBEB;
	border-top:1px solid #EBEBEB;
	padding:10px;
	background-color:#F9F9F9;
	}
#contact_error td{
	width:67%;
	border-left:1px solid #EBEBEB;
	border-top:1px solid #EBEBEB;
	padding:10px;
	}
#contact_error .btn-block{
	text-align:center;
	padding:20px 0;
	}
#contact .sign{
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	margin-top:50px;
	padding:30px 0;
	}

#contact .input300{
	width:300px;
	}
#contact .input400{
	width:400px;
	}
#contact .textarea400{
	width:400px;
	}



/* service 
---------------------------------------------------------------- */

#service{
	width:930px;
	overflow:hidden;
	padding:15px;
	background:#fff;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 5px #cccccc;
	-webkit-box-shadow:0 0 5px #cccccc;
	box-shadow:0 0 5px #cccccc;
	
	-moz-border-radius: 5px;　/* Firefox */
    -webkit-border-radius: 5px;　/* Safari and Chrome */
    -khtml-border-radius:5px;
    border-radius: 5px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    border: 1px solid #eee;
	behavior: url(http://botao.jp/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}
#service .list li.l-area{
	float:left;
	width:350px;
	}
#service .list li.l-area dd{
	padding:10px 10px 0 20px;
	}
#service .list li.r-area{
	float:right;
	width:540px;
	}
#service .list li.r-area dl{
	clear:both;
     }
#service .list li.r-area dt{
	float:left;
	width:220px;
	}
#service .list li.r-area dd{
	float:left;
	width:290px;
	padding:10px 0 0 20px;
	}
#service .list p.go-detail{
margin-top:10px;
text-align:right!important;
}
#service .list p.go-detail a {
text-decoration: none;
color: #177fd3;
}
#service .list p.go-detail a:hover {
text-decoration: underline;
}

#service .goto-faq{
	clear:both;
	text-align:right;
	padding:20px 0 0!important;
	margin:0!important;
}
#service .entry-btn{
	text-align:center;
	padding:0 0 0!important;
	margin:0!important;
	}
#service h2{
	font-size:250%;
	}
#service h2.servicename{
	font-size:131%!important;
	color:#111111;
	}
#service h3{
	font-size:189%;
	color:#777;
	margin-top:15px;
	}

/* lp
---------------------------------------------------------------- */
#service .lp,#service .web{
	border-bottom:1px solid #ddd;
	padding-bottom:40px;
	}
#service .lp dt,#service .web dt{
	float:right;
	width:350px;
	}
#service .lp dd,#service .web dd{
	float:left;
	width:550px;
	line-height:2.0;
	}
#service .lp dd p,#service .lp dd ul,
#service .web dd p,#service .web dd ul{
	padding:20px 0 0;
	}
#service .lp dd li,#service .web li{
	padding:0 0 10px 15px;
	}
	

/* web
---------------------------------------------------------------- */

#service .web h4{
	margin-top:20px;
	color:#777;
	font-size:131%;
	}


/* sitemap
---------------------------------------------------------------- */

#sitemap dl{
	width:662px;
	padding:20px;
	margin-top:20px;
	background-color:#fff;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 5px #cccccc;
	-webkit-box-shadow:0 0 5px #cccccc;
	box-shadow:0 0 5px #cccccc;
	
	-moz-border-radius: 5px;　/* Firefox */
    -webkit-border-radius: 5px;　/* Safari and Chrome */
    -khtml-border-radius:5px;
    border-radius: 5px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    border: 1px solid #eee;
	behavior: url(http://botao.jp/css/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}

#sitemap dt{
	font-weight:bold;
	padding:10px 0 2px 5px;
	margin:10px 0 0 0;
	border-top:1px dotted #ddd;
	}
#sitemap dd{
	padding:5px 0 5px 15px;
	}


	

/* form
---------------------------------------------------------------- */
	
.wrap-form {
	width: 600px;
	padding: 20px 5px;
}

.wrap-form dl {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	display: table;
}

.wrap-form dt {
	width: 150px;
	float: left;
	color: #00375E;
	background-color: #fff;
	font-weight: bold;
	font-size: 95%;
	text-align: left;
	padding: 5px;
	letter-spacing: 2px;
}

.wrap-form dd {
	width: 380px;
	float: left;
	color: #666;
	background-color: #fff;
	padding: 5px 0 5px 20px;
	border-left: 4px solid #0c6;
}

.input-b {
	width: 200px;
	background-color: #efc;
	border-left: 1px solid #9cc;
	border-right: 2px solid #066;
	border-top: 1px solid #9cc;
	border-bottom: 2px solid #066;
	margin-top: 20px;
	padding: 5px;
	color: #00375E;
	font-weight: bold;
	letter-spacing: 3px;
}
.copy{text-align:right;}.copy a{font-size:70%;text-decoration:none;color:#ccc;background-color:#eee;}
.hiss { color: #f90; font-size: 80%; padding-left: 10px; background-color: #fff; }
.err { color: red; background-color: #fff; }
.point { color: #3B6C53; background-color: #fff; }
.align-c { text-align: center; }
.input-s { width: 200px; }
.input-m { width: 300px; }
.input-l { width: 400px; }
.inp4 { width: 80px; }
.inp2 { width: 40px; }

.option{
	color:#FFF!important;
	margin:20px;
	}
.option th,.option td{
	width:30%;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:5px;
	text-align:center;
	}
.option table{
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;

	}