@charset "utf-8";


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

	base

============================================================================================================*/
* { margin: 0; padding: 0; }
body {
	position: relative;
	width: 100%;
	height: 100%;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../images/body_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}
img {
	vertical-align: top;
	border: 0;
}
p {
	font-size: 12px;
	color: #37312F;
}
a {
	color: #37312F;
}

a:hover {
	color: #AA2628;
	text-decoration: none;
}
.clear {
	clear: both;
}
#container {
	overflow: auto;
	height: 596px;
	width: 100%;
	background: url(../images/container_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.PreCopyright {
	width: 980px;
	margin: 0 auto;
	font-size: 12px;
	color: #FFFFFF;
	padding: 450px 0px 0px 0px;
	text-align: center;
}



.slidebtn {
	width: 580px;
	padding: 0px 0px 0px 0px;
}
.slidebtn ul {
	list-style: none;
	padding: 0px 0px 0px 15px;
}
.slidebtn_p {
	width: 460px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: inline;
	padding: 4px 0px 0px 0px;
}
.slidebtn_img {
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

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

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

	span-set

============================================================================================================*/
.span01 {
	color: #c5641c;
}
.span02 {
	font-weight: bold;
	color: #3c94b9;
}
.span03 {
	font-weight: bold;
	color: #e60012;
}







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

	padding-set

============================================================================================================*/
.pdt5 { padding-top: 5px }
.pdt10 { padding-top: 10px }
.pdt15 { padding-top: 15px }
.pdt20 { padding-top: 20px }
.pdt25 { padding-top: 25px }
.pdt30 { padding-top: 30px }

.pdb5 { padding-bottom: 5px }
.pdb10 { padding-bottom: 10px }
.pdb15 { padding-bottom: 15px }
.pdb20 { padding-bottom: 20px }
.pdb25 { padding-bottom: 25px }
.pdb30 { padding-bottom: 30px }

.pdl5 { padding-left: 5px }
.pdl10 { padding-left: 10px }
.pdl15 { padding-left: 15px }
.pdl20 { padding-left: 20px }
.pdl25 { padding-left: 25px }
.pdl30 { padding-left: 30px }





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

	IE6対策

============================================================================================================*/
.ie6kirai01 {
	font-size:0; 
	line-height:0; 
}


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

	header

============================================================================================================*/
#header {
	width: 100%;
	height: 288px;
	margin: 0 auto;
	text-align: left;
	background:url(../images/common/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#header_contents {
	width: 1090px;
	height: 288px;
	margin: 0 auto;
	text-align: left;
}
#logo_header {
	width: 225px;
	height: 288px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
#contact_header {
	width: 187px;
	height: 288px;
	padding: 0px 0px 0px 185px;
	float: left;
	display: inline;
}
#ceoblog_header {
	width: 135px;
	height: 288px;
	padding: 0px 0px 0px 133px;
	float: left;
	display: inline;
}
#facebook_header {
	width: 62px;
	height: 96px;
	padding: 192px 0px 0px 19px;
	float: left;
	display: inline;
}
#twitter_header {
	width: 62px;
	height: 96px;
	padding: 192px 0px 0px 0px;
	float: left;
	display: inline;
}





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

	contents

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


#wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background:url(../images/common/wrapper_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#contents {
	width: 1090px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	background:url(../images/common/contents_bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#left {
	width: 225px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
#left .naviul {
	width: 202px;
	height: 364px;
	padding: 0px 0px 0px 23px;
	background:url(../images/common/navi/navi_bg.jpg);
	background-repeat:no-repeat;
}
#left .navili {
	list-style: none;
	padding: 0px 0px 0px 0px;
}
#right {
	width: 225px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
#right ul {
	padding: 0px 0px 0px 9px;
}
#right .libg01 {
	width: 194px;
	height: 201px;
	background:url(../images/portfolio/portfolio_bg01.jpg);
	background-repeat:no-repeat;
	list-style: none;
	padding: 22px 0px 0px 22px;
}
#right .libg02 {
	width: 194px;
	height: 201px;
	background:url(../images/portfolio/portfolio_bg02.jpg);
	background-repeat: no-repeat;
	list-style: none;
	padding: 22px 0px 0px 22px;
}
#right a:hover img {
	opacity:0.5;  
	filter: alpha(opacity=50);  
	-ms-filter: "alpha( opacity=50 )";  
	background: #fff;  
} 
#center {
	width: 640px;
	height: auto;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}
#service_navi {
	width: 640px;
	height: 109px;
	background:url(../images/common/center_service.jpg);
	background-repeat: no-repeat;
}
#service_navi ul {
	list-style: none;
	padding: 0px 0px 0px 50px;
}
#service_navi li {
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}








.coution_tle {
	width: 565px;
	height: 29px;
	background:url(../images/tle/coution_bg.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 7px 0px 0px 75px;
}
.default_tle {
	width: 565px;
	height: 29px;
	background:url(../images/tle/default_bg.jpg);
	background-repeat: no-repeat;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding: 7px 0px 0px 75px;
}
.txtblock01 {
	width: 580px;
	background:url(../images/common/txtblock01_bg.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
.txtblock01 p {
	width: 550px;
	font-size: 12px;
	line-height: 140%;
	padding: 0px 0px 0px 15px;
}
.txtblock02 {
	width: 580px;
	margin: 10px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
.txtblock02 ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
}
.txtblock02 li {
	padding: 0px 0px 12px 12px;
	float: left;
	display: inline;
}
.txtblock02 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.txtblock03 {
	width: 580px;
	background:url(../images/common/txtblock03_bg.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;

}
.txtblock03 p {
	width: 550px;
	font-size: 12px;
	line-height: 140%;
	padding: 0px 0px 0px 15px;
}
.portfolio {
	width: 600px;
	background-color: #c0c2c6;
	margin: 0px 0px 0px 20px;
}
.portfolio ul {
	list-style: none;
	padding: 10px 0px 10px 9px;
}
.portfolio .portimg {
	margin: 0px 0px 12px 12px;
	border: solid 1px #858585;
	float: left;
	display: inline;
}
.portfolio p {
	padding: 0px 15px 5px 15px;
}
.portfolio .porttxt {
	width: 367px;
	padding: 0px 0px 0px 0px;
	background:url(../images/common/txtblock03_bg.jpg);
	background-repeat: repeat-y;
	margin: 0px 0px 12px 12px;
	float: left;
	display: inline;
}
.portfolio a:hover img {
	opacity:0.5;  
	filter: alpha(opacity=40);  
	-ms-filter: "alpha( opacity=40 )";  
	background: #fff;  
} 









.bnr468x60 {
	width: 610px;
	height: 60px;
	background:url(../images/common/main_bnr_bg.jpg);
	background-repeat: repeat-y;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}
.bnr468x60 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.bnr468x60_02 {
	width: 500px;
	height: 60px;
	background:url(../images/common/main_bnr_bg2.jpg);
	background-repeat: repeat-y;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 140px;
}
.bnr468x60_02 a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
.infocont {
	width: 580px;
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 8px 0px;
	border-bottom: solid 1px #c8c8c8;
	
}
.infocont .infodate {
	width: 60px;
	color: #e60012;
	float: left;
	display: inline;
}
.infocont .infotxt {
	width: 470px;
	float: left;
	display: inline;
}
.infocont .infono {
	width: 5px;
	float: left;
	display: inline;
}
.infocont .infotxt2 {
	float: left;
	display: inline;
}
.infocont .infotxt3 {
	width: 530px;
	float: left;
	display: inline;
}
.infocont .infotxt4 {
	width: 400px;
	float: left;
	display: inline;
}
.infocont .infotle {
	width: 60px;
	float: left;
	display: inline;
}
.infocont .infotle2 {
	width: 150px;
	float: left;
	display: inline;
}
.infocont .infotle3 {
	width: 120px;
	float: left;
	display: inline;
}
.infocont .infotxt5 {
	width: 430px;
	float: left;
	display: inline;
}












#service_web_tle {
	width: 640px;
	background:url(../images/tle/top_service_web.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#service_smp_tle {
	width: 640px;
	background:url(../images/tle/top_service_smp.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#service_graphic_tle {
	width: 640px;
	background:url(../images/tle/top_service_graphic.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#service_other_tle {
	width: 640px;
	background:url(../images/tle/top_service_other.jpg);
	background-repeat: no-repeat;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.top_service_btn {
	width: 640px;
	height: 112px;
}
.top_service_img {
	width: 105px;
	margin: 0px 0px 0px 36px;
	float: left;
	display: inline;
}
.top_service_txt {
	width: 471px;
	margin: 0px 0px 0px 8px;
	background:url(../images/common/service_txt_bg.jpg);
	background-repeat: repeat-y;
	float: left;
	display: inline;
}
.top_service_txt2 {
	width: 560px;
	margin: 10px 0px 0px 40px;
	float: left;
	display: inline;
}
.top_service_txt_img {
	width: 69px;
	padding: 0px 0px 25px 17px;
	float: left;
	display: inline;
}
.top_service_txt_txt {
	width: 350px;
	padding: 0px 15px 25px 7px;
	float: left;
	display: inline;
}





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

	form

============================================================================================================*/
#formFrame {
	clear:both;
	width: 580px;
	height: 800px;
	margin: 10px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
iframe.form {
	width: 580px;
	height: 800px;
	margin: 0px 0px 0px 0px;
}








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

	googlemap

============================================================================================================*/
#mapFrame {
	clear:both;
	width			: 560px;
	height			: 560px;
	text-align		: center;
	margin			: 0px 0px 0px 0px;
}
iframe.map {
	width: 560px;
	height: 560px;
	margin: 0px 0px 0px 10px;
}



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

	footer

============================================================================================================*/
#footer {
	width: 100%;
	height: 551px;
	margin: 0 auto;
	text-align: left;
	background:url(../images/common/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
#footer_contents {
	width: 1090px;
	height: 551px;
	margin: 0 auto;
	text-align: left;
}
#back_top {
	width: 564px;
	height: 40px;
	padding: 44px 0px 0px 526px;
}
#tunein {
	width: 154px;
	padding: 110px 0px 0px 446px;
	float: left;
	display: inline;
	text-align: center;
}
#tunein ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
}
#tunein .tuneinli01 {
	padding: 0px 0px 5px 0px;
}
#tunein .tuneinli02 {
	padding: 0px 0px 5px 0px;
}
#tunein .tuneinli03 {
	padding: 0px 0px 0px 0px;
}
#f_contents {
	width: 123px;
	padding: 110px 0px 0px 25px;
	float: left;
	display: inline;
}
#f_contents ul {
	list-style: none;
	padding: 0px 0px 0px 7px;
}
#f_contents li {
	padding: 0px 0px 4px 0px;
}
#f_service {
	width: 177px;
	padding: 110px 0px 0px 21px;
	float: left;
	display: inline;
}
#f_service ul {
	list-style: none;
	padding: 0px 0px 0px 17px;
}
#f_service .serviceli01 {
	padding: 0px 0px 4px 0px;
	font-weight: bold;
}
#f_service .serviceli02 {
	padding: 0px 0px 4px 14px;
}
































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

	twitter

============================================================================================================*/
#twitter_div {
	width: 200px;
	text-align : left;
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: url("../images/common/twitter_bg.jpg") repeat-y;
}
#twitter_div ul {
	list-style: none;
	width: 165px;
	padding: 0px 0px 0px 50px;
	word-wrap: break-word;
}
#twitter_div li {
	padding: 10px 0px 10px 0px;
	border-bottom: dotted 1px #6e6055;
}
#twitter_div li a {
	font-size : 12px;
	color: #AA2628;
}
#twitter_div li a:hover {
	color: #000000;
	position: relative;
	top: 1px;
	left: 1px;
}
#twitter_div li span {
	color: #000000;
	font-size: 12px;
}
#twitter_div li span a {
	color: #AA2628;
	font-size: 12px;
}
a　#twitter-link {
	font-size: 12px;
	color: #000000;
	text-align: right;
	display: block;
}
a　#twitter-link:hover {
	color: #000000;
	position: relative;
	top: 1px;
	left: 1px;
}


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

	blogrss

============================================================================================================*/
.blogrss {
	width: 165px;
	text-align : left;
	margin: 0;
	padding: 0px 10px 0px 50px;
	background: url("../images/common/twitter_bg.jpg") repeat-y;
}
.blogname {
	font-size: 12px;
	padding-left: 4px;
}
.blogdate {
	font-size: 12px;
	color: #AA2628;
	line-height: 115%;
}
.blogdate a {
	color: #000000;
	text-decoration: none;
}
.blogul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0px;
}
.blogli {
	color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-bottom: dotted 1px #6e6055;
}
.bloglink {
	font-size: 12px;
	color: #AA2628;
	font-weight: bold;
	line-height: 115%;
	text-lign: right;
	margin: 5px 0px 0px 0px;
}
.bloglink a {
	color: #AA2628;
	text-decoration: none;
}
#feed p {
	font-size: 12px;
	color: #AA2628;
}
.blogrss a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

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

	link

============================================================================================================*/
#link {
	width: 225px;
	height: 461px;
	text-align : left;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url("../images/common/link_bg.jpg") no-repeat;
}
#link ul {
	list-style-type: none;
	padding: 50px 0px 0px 70px;
}
#link li {
	padding: 0px 0px 10px 0px;
}
#link a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}