@charset "utf-8";

/*====================================
			common.css
			
			0. browser reset
			1. basics
			   1-1. header
			   1-2. footer
			   1-3. sidebar
			2. elements
			3. etc

====================================*/



/*====================================

			0. browser reset

====================================*/

body,h1,h2,h3,h4,h5,h6,ul,li,table,th,td,
dt,dd,form,input,p,object,dl,dt,dd {
	margin:0;
	padding:0;
}

img {
	border:none;
}

table {
	width:100%;
	border:none;
	border-collapse:collapse;
}

td {
	border:none;
	vertical-align:top;
	}


/*====================================

			1. basics

====================================*/
body {
	font-size:79%;
	line-height:1.6;
	color:#444444;
	padding-bottom:20px;
	background:url(../img/back.gif) repeat left top;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

	}


.font20 {
	font-size:164%;
	}

.font18 {
	font-size:154%;
	}

.font16 {
	font-size:139%;
	}

.font14 {
	font-size:108%;
	}

.font12 {
	font-size:93%;
	}

.font10 {
	font-size:85%;

	}

a:link {
	color:#444444;
	text-decoration:underline;
}

a:visited {
	color:#444444;
	text-decoration:underline;
}

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

a:focus {
	color:#cb100e;
	text-decoration:underline;
}

a:active {
	color:#cb100e;
	text-decoration:underline;
}

a.link_red:link {
	color:#cb100e;
	text-decoration:underline;
}

a.link_red:visited {
	color:#cb100e;
	text-decoration:underline;
}

a.link_red:hover {
	color:#cb100e;
	text-decoration:underline;
}

a.link_red:focus {
	color:#cb100e;
	text-decoration:underline;
}

a.link_red:active {
	color:#cb100e;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}

h1{
 font-size:77%;
 display:inline; 
}

#wrapper {
	background:url(../img/wrapper_bg.gif) repeat-y left top;
	width:873px;
	padding:0 6px;
	margin:0 auto;
	}

#index_main {
	padding:10px 15px 0 15px;
	margin:0 0 10px 0;
	width:630px;
	border-right:1px solid #c7c7c7;
	float:left;
	}
	
#main_content {
	padding:60px 59px 10px 59px;
	width:544px;
	background:url(../img/season.gif) no-repeat left top;
	margin:0;
	border-left:1px solid #c7c7c7;
	float:right;
	}
	
#main_content02 {
	padding:20px 59px 10px 59px;
	width:544px;
	background:url(../img/season.gif) no-repeat left top;
	margin:0;
	border-left:1px solid #c7c7c7;
	float:right;
	}


#main_content_special {
	padding:60px 59px 10px 59px;
	width:544px;
        font-size:110%;
	background:url(../img/season.gif) no-repeat left top;
	margin:0;
	border-left:1px solid #c7c7c7;
	float:right;
	}
	
#blog_wrapper {
	width:662px;
	padding-bottom:10px;
	margin:0;
	background:url(../img/season.gif) no-repeat left top;
	border-left:1px solid #c7c7c7;
	float:right;
	}
	
#blog_content {
	padding:60px 60px 0 60px;
	width:542px;
	}
	
/*------------------------------------
		1-1. header
------------------------------------*/
#header {
	width:873px;
	background:url(../img/header_bg.gif) repeat-x left top;
	padding:8px 0 2px 0;
	}
	
#head_table td#head_logo {
	width:177px;
	}
	
#head_table td#head_txt {
	width:421px;
	padding-top:20px;
	vertical-align:top;
	text-align:center;
	color:#999999;
	}
	
#head_table td#head_info a:link {
	font-size:77%;
	color:#999999;
	text-decoration:none;
}

#head_table td#head_info a:visited {
	color:#999999;
	text-decoration:none;
}

#head_table td#head_info a:hover {
	color:#999999;
	text-decoration:none;
}

#head_table td#head_info a:focus {
	color:#999999;
	text-decoration:none;
}

#head_table td#head_info a:active {
	color:#999999;
	text-decoration:none;
}
	
#head_table td#head_info {
	font-size:77%;
        width:242px;
	text-align:right;
	color:#444444;
	vertical-align:top;
	padding:3px 10px 0 0;
}

#head_table td#head_info h1 {
	display:block;
	font-size:77%;
	}

#head_phone {
	float:right;
	text-align:right;
	}

ul#gmenu {
	list-style:none;
	width:873px;
	}

ul#gmenu li {
	float:left;
	}

ul#gmenu li#gm01 a{
	display:block;

}

ul#gmenu li#gm01_on a{
	display:block;
}
	
ul#gmenu li#gm01 a:hover {
}

ul#gmenu li#gm02 a{
	display:block;
	overflow:hidden;
}

ul#gmenu li#gm02_on a{
	display:block;

	overflow:hidden;
}
	
ul#gmenu li#gm02 a:hover {
}

ul#gmenu li#gm03 a{
	display:block;
	
}

ul#gmenu li#gm03_on a{
	display:block;
	
}
	
ul#gmenu li#gm03 a:hover {
}

ul#gmenu li#gm04 a{
	display:block;
	
	
}

ul#gmenu li#gm04_on a{
	display:block;
	
}
	
ul#gmenu li#gm04 a:hover {
}

ul#gmenu li#gm05 a{
	display:block;
	
}

ul#gmenu li#gm05_on a{
	display:block;
	
}
	
ul#gmenu li#gm05 a:hover {
}

ul#gmenu li#gm06 a{
	display:block;
	
	
}

ul#gmenu li#gm06_on a{
	display:block;
	
	
}
	
ul#gmenu li#gm06 a:hover {
}

ul#gmenu li#gm07 a{
	display:block;
	
	
}

ul#gmenu li#gm07_on a{
	display:block;

}
	
ul#gmenu li#gm07 a:hover {
}
	
ul#gmenu li.menuLast {
	padding-right:0;
	}
	

/*------------------------------------
		1-2. footer
------------------------------------*/

#footer_red {
	background:#cb100a;
	}
	
*:first-child+html #footer_red {
	margin-top:-5px;
	}
	
* html #footer_red {
	margin-top:-5px;
	}

#footer_txt {
	color:#999999;
	float:left;
	padding:0 0 0 10px;
	font-size:77%;
	}
	
#footer_txt a {
	color:#999999;
	}

ul#footer_link {
	color:#999999;

	list-style:none;
	float:left;
	font-size:77%;
	}

ul#footer_link li {
	color:#999999;

	float:left;
	padding:0 5px;
	height:13px;
	}
	
ul#footer_link li a {
	color:#333333;

	display:block;
	height:13px;
	}



	
.footer_top {
	float:right;
	padding:0 10px 3px 0;
	}

	
.footer_gray {  
	font-size:74%;
        background-color: #efefef;
	padding:5px 10px 5px 10px;
	color:#333333;

	}

	
.footer_gray a{  
	
	color:#333333;

	}



/*------------------------------------
		1-3. sidebar
------------------------------------*/

#side_bar {
    
	width:210px;
	text-align:center;
	float:left;
	}

#index_side {
    padding:10px 0 0 0;
	width:212px;
	text-align:center;
	float:right;
	}

.index_side02 {
	width:182px;
	border:1px solid #c7c7c7;
        margin:0 auto 15px auto;
}
	
ul.side_list {
	list-style:none;
	text-align:left;
}

ul.side_list02 {
	list-style:none;
	text-align:left;
	}

ul.side_list li {
	font-size:84%;

	border-bottom:1px solid #c7c7c7;
}

ul.side_list02 li {
	font-size:84%;
	background:url(../../index-img/line-dot.gif) no-repeat left bottom;
	padding:8px 10px 8px 10px;
	}

ul.side_list li a:link {
	display:block;
	padding:6px 10px 6px 30px;
	background:url(../img/side_list_arrow_off.gif) no-repeat 15px 0.95em;
	color:#666666;
	text-decoration:none;
	}
	
ul.side_list li.oubo_link a:link {
	color:#cb100e;
	}
	
ul.side_list li a:visited {
	display:block;
	padding:6px 10px 6px 30px;
	color:#333333;
	text-decoration:none;
	background:url(../img/side_list_arrow_off.gif) no-repeat 15px 0.95em;
	}

ul.side_list li a:hover {
	display:block;
	padding:6px 10px 6px 30px;
	background:#efefef url(../img/side_list_arrow_on.gif) no-repeat 15px 0.95em;
	color:#cb100e;
	text-decoration:none;
	}

ul.side_list li a:focus {
	display:block;
	padding:6px 10px 6px 30px;
	background:#efefef url(../img/side_list_arrow_on.gif) no-repeat 15px 0.95em;
	color:#cb100e;
	text-decoration:none;
	}
	
ul.side_list li a:active {
	display:block;
	padding:6px 10px 6px 30px;
	background:#efefef url(../img/side_list_arrow_on.gif) no-repeat 15px 0.95em;
	color:#cb100e;
	text-decoration:none;
	}

.side_inner {
	padding:0 15px;
	text-align:left;
	}
	
.side_blog_inner {
	padding:0 20px;
	text-align:left;
}
	
.banner_wrapper {
	padding:30px 10px 0 10px;
	margin:0 0 40px 0;
	text-align:left;
}

ul.side_blog_list01 {
	list-style:none;
	margin-bottom:20px;
	}
	
ul.side_blog_list02 {
	list-style-position:outside;
	margin-left:0.5em;
	margin-bottom:20px;
	}
	
ul.side_blog_list01 li, ul.side_blog_list02 li {
	margin-bottom:10px;
	}
	
ul.side_blog_list01 a, ul.side_blog_list02 a {
	text-decoration:none;
	}
	

/*====================================

			2. elements

====================================*/

/*------------------------------------
			common
------------------------------------*/

.arrow_mark_s {
	background:url(../../index-img/triangle-s.gif) no-repeat left 0.5em;
	padding:0 0 0 10px;
}

ul.arrow_list_s {
	list-style:none;
}

ul.arrow_list_s li {
	background:url(../../index-img/triangle-s.gif) no-repeat left 0.5em;
	padding:0 0 5px 10px;
}

.border_list {
        font-size:93%;
	background:url(../../index-img/line-dot.gif) no-repeat left bottom;
	padding:0 0 10px 0;
	margin-bottom:10px;
	}
	
dl.news_list {
}

dl.news_list dt {
	width:105px;
	float:left;
	}
	
dl.news_list dd {
	width:510px;
	float:right;
	background:url(../../index-img/triangle-s.gif) no-repeat left 0.5em;
	padding:0 0 0 10px;
	}
	
dl.news_list dd p.title {
	float:left;
	width:355px;
	}
	
dl.news_list dd p.cat {
	float:right;
	text-align:right;
	width:150px;
	}
	
h2.sub_title {
	margin-bottom:20px;
	}
	
.lead {
	margin-bottom:40px;
	}
	
.title_dot {
	font-size:130%;
	font-weight:bold;
	background:url(../img/line.gif) no-repeat left bottom;
	padding:0 0 3px 0;
	margin-bottom:20px;
}
	


.title_dot_img {
        font-size:large;
        font-weight:bold;
	margin:0 0 15px 0;
	padding:10px 4px 7px 10px;
	border-left:4px solid #cb100e;
	background:#efefef;

}


.title_dot_img original{
		


background:url(../img/line.gif) no-repeat left bottom;
	padding:0 0 3px 0;
	margin-bottom:10px;
}



.totop {
	text-align:right;
	padding:10px 0 0 0;
	}
	
.contact_btn_area {
	background:url(../img/contact-img-bg.gif) repeat left top;
	}
	
table.contact_area_table td {
	vertical-align:middle;
	}
	
.content_table {
	border-collapse:collapse;
	}
	
.content_table th {
	padding:6px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	background:#efefef;
	border:1px solid #999999;
}

.content_table th.grad_bg {
	padding:6px;
	background:#f0f0f0 url(../img/grad_bg.gif) repeat-x left top;
	border:1px solid #999999;
	}

.content_table td {
	padding:6px;
	background:#ffffff;
	border:1px solid #999999;
}

.grad_bg_gen {
	padding:2px 6px 2px 0;
	background:#f0f0f0 url(../img/grad_bg.gif) repeat-x left top;
	}

.nList {
	list-style-position:inside;
	margin-left:20px;
	}
	
.nList li {
	margin-bottom:3px;

	}

.form_table {
		border-collapse:separate;
		}
	
.form_table td {
	padding:10px;
	}

/*------------------------------------
			top
------------------------------------*/
table#top_flash {
	width:630px;
	padding:0;
	border:0;
	margin-bottom:10px;
	}
	
.index_border_title {
	width:100%;
	background:url(../../index-img/line-dot.gif) no-repeat left bottom;
	padding:0 0 5px 0;
	margin-bottom:10px;
	}
	
.index_border_title h2 {
	width:350px;
	float:left;
	}
	
.index_border_title h2.news_ti {
	width:83px;
	}
	
.index_border_title p {
	width:250px;
	float:right;
	text-align:right;
	}
	
.index_border_title p.rss_box {
	float:left;
	width:200px;
	text-align:left;
	}
	
.index_service_img01 {
	float:left;
	width:203px;
	padding-right:10px;
	}
	
.index_service_img01 a {
	display:block;
	width:203px;
	height:90px;
	
	}
	
.index_service_img02 {
	float:left;
	width:203px;
	padding-right:10px;
	}
	
.index_service_img02 a {
	display:block;
	width:203px;
	height:90px;
	}
	
.index_service_img03 {
	float:left;
	width:203px;
	}
	
.index_service_img03 a {
	display:block;
	width:203px;
	height:90px;
	}
	
.index_service_img04 {
	float:left;
	width:203px;
	padding-right:10px;
	}
	
.index_service_img04 a {
	display:block;
	width:203px;
	height:90px;
}
	
.index_service_img05 {
	float:left;
	width:203px;
	padding-right:10px;
	}
	
.index_service_img05 a {
	display:block;
	width:203px;
	height:90px;
	}
	
.index_service_img06 {
	float:left;
	width:203px;
	}
	
.index_service_img06 a {
	display:block;
	width:203px;
	height:90px;
	}
	
.index_portfolio_img {
	width:203px;
	float:left;
}

.index_portfolio_txt {
	font-size:93%;
        width:410px;
	float:right;
}

.index_box01 {
        	font-size:93%;

	width:181px;
	background:#fbfbfb;
	padding:10px 10px 5px 10px;
	border:1px solid #e7e7e7;
	float:left;
}

#index_bottom_banner01 {
	float:left;
	}
	
#index_bottom_banner02 {
	float:left;
	padding:0 0 0 10px;
	}
	
#index_bottom_banner03 {
	float:right;
	padding:0 0 0 10px;
	}
	
#side_pfl_ti {
	background:url(../../index-img/title-jirei.gif) no-repeat left top;
	width:192px;
	height:25px;
	padding:5px 10px 0 10px;
	margin:0 0 10px 0;
	}

.newmark {
        vertical-align:baseline;
}

/*------------------------------------
			portfolio
------------------------------------*/

.portfolio_box {
	width:100%;
	margin-bottom:50px;
	padding:0;
	}
	
.portfolio_box2 {
	width:100%;
	margin-bottom:15px;
	padding:0;
	}
	
.portfolio_box h4 {
	font-size:108%;
	font-weight:bold;
	background:url(../../index-img/triangle-s.gif) no-repeat left 0.5em;
	padding:0 0 20px 10px;
   
	}
    
    .portfolio_box h4 a{
 text-decoration: none;
     color:#333333;

	}
.portfolio_thumb {
	width:203px;
	float:left;
	}
	
.portfolio_thumb2 {
	width:168px;
	float:left;
	text-align:center;
	padding-right:15px;
	margin:0 0 25px 0;
	}
	
.portfolio_thumb2_np {
	width:168px;
	float:left;
	text-align:center;
	margin:0 0 25px 0;
	}
	
.portfolio_txt {
	width:315px;
	float:right;
	}

#portfolio_txt02 {
	padding-right:20px;
	}
	
#portfolio_ph {
	width:220px;
	background:#ffffff;
        padding-bottom:15px;
	}
	
p.imageblock {
      border: 1px solid #CCCCCC;
      padding: 3px;
      width: 203px;
   }
   
 p.imageblock2 {
      border: 1px solid #CCCCCC;
      padding: 3px;
      width: 162px;
	  margin-bottom:3px;
   }

.ico_area {
	margin-bottom:5px;
}

.ico_area ul {
	list-style:none;
	}
	
.ico_area ul li {
	width:58px;
	padding:0 5px 5px 0;
	height:16px;
	float:left;
	}
/*------------------------------------
			strength
------------------------------------*/

.idea_table {
	}
	
.vMiddle_cell {
	vertical-align:middle;
	}

.vBottom_cell {
	vertical-align:bottom;
	}
	
	
/*------------------------------------
			blog
------------------------------------*/

#border_wrapper {
	background:url(../img/wrapper_border.gif) repeat-y left top;
	}

.blog_title {
	background:url(../img/line.gif) no-repeat left bottom;
	width:100%;
	padding:0 0 0 0;
}

.blog_title h2 {
	width:375px;
	float:left;
	border-left:3px solid #cb100a;
	padding:0 0 0 8px;
	font-weight:bold;
}
	
.blog_title p {
	width:160px;
	padding:0.3em 5px 0 0;
	float:right;
	text-align:right;
	}
	
.entry_body {
	padding:20px;
	background:url(../img/line.gif) no-repeat left bottom;
	font-size:123%;
	}
	
.entry_bottom {
	text-align:right;
	padding:0 5px 0 0;
	margin-bottom:80px;
	}

#blog_serch {
	background:url(../../blog/favorite.gif) no-repeat left top;
	text-align:right;
	height:23px;
	padding:2px 10px;
	}
	
#blog_profile {
	width:178px;
	margin-bottom:20px;
	font-size:85%;
	}
	
#blog_profile td.nowrap {
	white-space:nowrap;
	}

body #google_serch_txt {
	width:130px;
	}


/*------------------------------------
			dictionary
------------------------------------*/

ul.dictionary_list {
	list-style:none;
	margin-left:20px;
	}

ul.dictionary_list li {
	width:155px;
	padding:0 10px 15px 0;
	float:left;
	font-weight:bold;
	}

/*------------------------------------
			  faq
------------------------------------*/

ul.faq_list {
	margin:0 0 10px 0;
	list-style:none;
	}
	
ul.faq_list li {
	padding:0 0 5px 22px;
	background:url(../../faq/img/q_ico.gif) no-repeat left 3px;
	}
	
.faq_box01 {
	padding:10px 10px 10px 32px;
	border:1px solid #cccccc;
	background:#efefef url(../../faq/img/q_ico.gif) no-repeat 10px 11px;
}

.faq_box02 {
	padding:10px 10px 10px 32px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin-bottom:5px;
	background:url(../../faq/img/a_ico.gif) no-repeat 10px 11px;
	
}

.faq_body {
	padding-top:20px;
	}


/*------------------------------------
			portfolio
------------------------------------*/

table.sitemap_table {
	border-collapse:separate;
	}

table.sitemap_table td {
	padding:20px;
	}

/*------------------------------------
			special
------------------------------------*/

.prof_ph01 {
	float:left;
	width:145px;
	}
	
.prof_text01 {
	float:right;
	width:355px;
	}
	
.prof_ph02 {
	float:left;
	width:106px;
	}
	
.prof_text02 {
	float:right;
	width:394px;
	}
	
.side_thumb_inner {
	padding:15px 10px;
	}
	
.side_thumb_inner table {
	margin-bottom:10px;
	}
	
/*------------------------------------
			chiiki
------------------------------------*/

#google_map {
padding:2px;
border:1px solid #cccccc;
width:100%;
height:400px;
}

#google_map2 {
padding:2px;
border-bottom:1px solid #cccccc;
width:100%;
height:300px;
}

/*====================================

			3. etc

====================================*/

#icons {
	width:140px;
	float:right;
	text-align:right;
}

#icons02 {
	width:140px;
	float:right;
	text-align:right;
	padding-bottom:30px;
}

.indent {
	text-indent:1em;
	}

.left {
	float:left;
	}

.fright {
	float:right;
	}

.right {
	text-align:right;
	}
	
.center {
	text-align:center;
	}

.read_more {
	text-align:right;
	padding:10px 0 0 0;
}

.inline_h1{
	display:inline;
}

.clear {
	clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
min-height: 1%;
}

* html .clearfix {height: 1%;}

.red {
	color:#cc0000;
}

.blue {
	color:#0e29cb;
	}

.gray_box {
	background:#efefef;
	padding:15px;


	}
	

.yellow_box {
	background:#fffff0;
	border:1px solid #cccccc;
	padding:10px;
	}
	
.border_box {
	border:1px solid #cccccc;
	padding:10px;
	}

.marginB3 {
	margin-bottom:3px;
}

.marginB5 {
	margin-bottom:5px;
}

.marginB10 {
	margin-bottom:10px;
}

.marginB15 {
	margin-bottom:15px;
}

.marginB20 {
	margin-bottom:20px;
}

.marginB30 {
	margin-bottom:30px;
}

.marginB40 {
	margin-bottom:40px;
}

.marginB50 {
	margin-bottom:50px;
	}

.marginB60 {
	margin-bottom:60px;
}

.marginT20 {
	margin-top:20px;
	}

.marginR3 {
	padding-right:3px;
	}

.marginR10 {
	margin-right:10px;
}

.margin0_5_0_0 {
	margin:0 5px 0 0;
}

.paddingT20  {
	padding:20px 0 0 0;
}

.paddingR10 {
	padding:0 10px 0 0;
	}
	
.paddingR5 {

	padding:0 5px 0 0;
	}
	
.paddingB10 {
	padding:0 0 10px 0;
	}

.padding0_3_0_0 {
       padding:0 3px 0 0;






}












table.gen_table {
	margin:30px 0;
}

table.gen_table th {
	padding: 10px;
	text-align: center;
	background: #EFEFEF;
	border: solid 1px #CCCCCC;
}
table.gen_table td {
	padding: 10px;
	border: solid 1px #CCCCCC;
}

table.gen_table td p {
	margin:0;
	}
	
table.gen_table td p img {
	margin:0;
	}




blockquote{
margin:0px;
padding:20px;
background-color:#f7efff;
border:double 3px #d8d1f0;
}



.share
{
	float:left;
	margin-top: 2px; 
	display: inline-block; 
}


table.type01 { border-top:#CCCCCC solid 1px; border-right:#CCCCCC solid 1px; border-collapse:separate; border-spacing:0;}
table.type01 tr th { padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px; font-weight:normal;}
table.type01 tr th.col { background:#EFEFEF; text-align:center; font-weight:normal;}
table.type01 tr td { padding:8px; border-bottom:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
table.type01 tr td.num { width:10%;}
table.type01 tr td.price { width:18%; background-color:#FBE6ED;}