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

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {    
    margin:0;   
    padding:0;   
} 
table {  
    border-collapse:collapse;   
    border-spacing:0;   
} 
fieldset,img {    
    border:0;   
} 
address,caption,cite,code,dfn,em,th,var {  
    font-style:normal;   
    font-weight:normal;   
} 
ol,ul {  
    list-style:none;   
} 
caption,th {  
    text-align:left;   
} 
h1,h2,h3,h4,h5,h6 {  
    font-size:100%;   
    font-weight:normal;   
} 
q:before,q:after {  
    content:'';   
} 
abbr,acronym { border:0;   
}

a:link {
	color:#FFFFFF;
	text-decoration:none;
}
a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a:active {
	color:#FFFF99;
	text-decoration:underline;
}
a:hover {
	color:#FFFF99;
	text-decoration:underline;
}

/* padding margin設定 */
.padSS{padding:5px;}
.padS{padding:10px;}
.padM{padding:15px;}
.padL{padding:20px;}

.marSS{margin:5px;}
.marS{margin:10px;}
.marM{margin:15px;}
.marL{margin:20px;}

.marBS{margin-bottom:5px;}
.marBSS{margin-bottom:10px;}

.marTS{margin-top:5px;}
.marTSS{margin-top:10px;}

/* clearfix */
.clearfix {
	display: inline-block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	overflow: hidden;
	line-height: 0px;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* 各セクション設定 */

body {
	background-color: #000000;
/*	font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
	color: #FFFFFF;
	font-size: 12px;
	line-height:130%;
}
h1 {
	font-size: 12px;
	line-height: 14px;
}

h2 {
	margin-bottom: 10px;
}

h3 {
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
	padding-left: 10px;
	border-width: 0px 0px 2px 10px;
	border-style: solid;
	border-color: #E38CE6;/*AAC96E*/
	font-weight: bold;
	margin-bottom: 10px;
	text-align:left;
}

p {
	font-size:14px;
	line-height:130%;
}

.container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	margin-top: 0px;
	padding-bottom: 10px;
}

.header_fla {
	margin-right: 10px;
	margin-left: 10px;
}

.main {
	background-image: url(../img/left_bg.jpg);
	background-repeat: repeat-y;
}

.left_column {
	float: left;
	width: 140px;
	padding: 10px;
}

.right_column {
	float: right;
	width: 620px;
	padding-right: 10px;
}

.clear02 {
	line-height:0px;
	height:0px;
	font-size:0px;
	clear: both;
}
.clear {
	clear: both;
}

.left_mainfla {
	float: left;
	width: 380px;
	padding-right: 10px;
}
.right_concept {
	float: right;
	width: 230px;
}

.news {
	width: 620px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: url(../img/news_head.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 34px;
}

.topic {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #320000;
	border-bottom-color: #320000;
	border-left-color: #320000;
	padding: 5px;
	background-color: #212121;
	height: 90px;
	overflow: auto;
}

.topic dt{
	float:left;
	width:100px;
	margin-bottom:6px;
}

.topic dd{
	float:right;
	width:450px;
	margin-bottom:6px;
	background-image: url(../img/news_icon.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.under_contents {
	width: 620px;
	margin-top: 10px;
	overflow:hidden;
}

.under_box01 {
	width: 289px;
	background-image: url(../img/top_bg_01r.png);
	background-repeat: no-repeat;
	height: 270px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
}

.under_box02 {
	width: 290px;
	background-image: url(../img/top_bg_02r.png);
	background-repeat: no-repeat;
	height: 270px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
}

.under_box03 {
	width: 154px;
	background-image: url(../img/top_bg_03r.png);
	background-repeat: no-repeat;
	height: 186px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	float: left;
}
.under_box04 {
	width: 154px;
	background-image: url(../img/top_bg_04r.png);
	background-repeat: no-repeat;
	height: 186px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	float: left;
}
.under_box05 {
	width: 154px;
	background-image: url(../img/top_bg_05r.png);
	background-repeat: no-repeat;
	height: 186px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	float: left;
}
.under_box06 {
	width: 155px;
	background-image: url(../img/top_bg_06r.png);
	background-repeat: no-repeat;
	height: 186px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	float: left;
}

.box_img {
	margin: 40px auto 10px auto;
	width:260px;
	height:182px;
	text-align:center;
}
.box_imgs {
	margin: 27px auto 10px auto;
	width:130px;
	height:96px;
	text-align:center;
}
.box_txt {
	padding:0px 4px 0px 8px;
}




#menu .menu01 a{
	background-image: url(../img/menu_01.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu01 a:hover{
	background-image: url(../img/menu_01r.jpg);
}

#menu .menu02 a{
	background-image: url(../img/menu_02.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu02 a:hover{
	background-image: url(../img/menu_02r.jpg);
}

#menu .menu03 a{
	background-image: url(../img/menu_03.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu03 a:hover{
	background-image: url(../img/menu_03r.jpg);
}

#menu .menu04 a{
	background-image: url(../img/menu_04.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu04 a:hover{
	background-image: url(../img/menu_04r.jpg);
}

#menu .menu05 a{
	background-image: url(../img/menu_05.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu05 a:hover{
	background-image: url(../img/menu_05r.jpg);
}

#menu .menu06 a{
	background-image: url(../img/menu_06.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu06 a:hover{
	background-image: url(../img/menu_06r.jpg);
}

#menu .menu07 a{
	background-image: url(../img/menu_07.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu07 a:hover{
	background-image: url(../img/menu_07r.jpg);
}

#menu .menu08 a{
	background-image: url(../img/menu_08.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu08 a:hover{
	background-image: url(../img/menu_08r.jpg);
}

#menu .menu09 a{
	background-image: url(../img/menu_09.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 140px;
	padding-bottom: 4px;
	display: block;
	text-indent: -9999px;
}

#menu .menu09 a:hover{
	background-image: url(../img/menu_09r.jpg);
}

#contactbox {
	font-size:12px;
	margin-top:10px;
	padding-bottom:3px;
	border-bottom: solid 1px #FFFFFF;
}
#contactbox .ttl {
	border-bottom: solid 1px #FFFFFF;
	margin-bottom:4px;
}
#contactbox a:link {
	color:#756680;
}
#contactbox a:visited {
	color:#756680;
}
#contactbox a:active {
	color:#CCCCCC;
}
#contactbox a:hover {
	color:#CCCCCC;
}
.bnr_l {
	float:left;
}
.bnr_r {
	float:left;
	margin-left:20px;
}

#footer{
	margin-top:5px;
	text-align: center;
	background-color: #000000;
	background-image: url(../img/footer_bg.jpg);
	background-repeat:no-repeat;
}
#footer_menu {
	padding-top:5px;
}

.totop{
	font-size:12px;
	text-align:right;
	margin: 10px 0px;
}

/* フォントサイズ設定　*/
.fs10{
	font-size: 83%;
	line-height: 1.4;
}

.fs9{
	font-size: 77%;
	line-height: 1.3;
}
.fs14{
	font-size:14px;
	line-height:130%;
}

/* 下層ページ */
#contents {
	padding: 0px 10px;
}
.contents_box {
	margin:0px 10px;
}

/* 事例レイアウト */
.category_box {
	text-align:center;
	background-color:#320500;
	/*padding:10px 0px 5px 0px;*/
	padding:5px;
	margin:0px 10px 20px 10px;
}
.category_border {
	padding-bottom:5px;
	border:solid 2px #A19360;
}
.category_textbox {
	margin:5px auto;
}
.swap_box {
	text-align:center;
	background-color:#320500;
	/*padding:10px 0px 5px 0px;*/
	padding:5px;
	margin:0px 10px 15px 10px;
}
.swap_border {
	padding-top:10px;
	border:solid 2px #A19360;
}
.swap_img_s {
	padding:2px;
	margin-right:5px;
	background-color: #FFFFFF;
}
.swap_img_s_last {
	padding:2px;
	
	background-color: #FFFFFF;
}
.swap_img_s2 {
	padding:2px;
	margin-right:5px;
	margin-top:5px;
	background-color: #FFFFFF;
}
.swap_img_s_last2 {
	padding:2px;
	margin-top:5px;
	background-color: #FFFFFF;
}
.swap_textbox {
	margin:5px auto;
}
.swap_text {
	width:542px;
	font-size:14px;
	line-height:16px;
	padding:2px 0px;
	text-align:center;
	border: 0px solid #FFFFFF;
	color:#2F2933;
	font-weight:bold;
}
.swap_img_mainbox {
	text-align: center;
	/*margin:0px 19px;*/
	margin:0px 12px 5px;
	background-color:#FFFFFF;
}
.swap_img_main {
	padding:6px;
	background-color:#FFFFFF;
}
.commentbox {
	margin:10px 12px;
	border:solid 1px #2E3C1F;
	font-size:13px;
	line-height:16px;
	padding:8px;
	text-align:left;
	background-color:#212121;
}

/* corporate.html */
.corptbl {
	margin:10px 0px;
	border:dashed 1px #FFFFFF;
}
.corptbl td {
	padding:8px;
	vertical-align:top;
	font-size: 13px;
	line-height:120%;
	border:dashed 1px #FFFFFF;
}
.corptbl td.map {
	padding:8px;
	vertical-align:middle;
}

/* contact.html */
.contbl {
	margin:10px 0px;
	border:solid 1px #FFFFFF;
}
.contbl td {
	padding:8px;
	vertical-align:top;
	font-size: 13px;
	line-height:120%;
	border:solid 1px #FFFFFF;
}
.contbl td.map {
	padding:8px;
	vertical-align:middle;
}
.font_red {
	color:#FF0000;
}


.workflow{margin:0 0 30px 140px;position:relative;}
.workflow ul.flow{width:580px;overflow:hidden;}
.workflow ul.flow li{line-height:0;}
.workflow ul.flt_img{position:absolute;}
.workflow ul.flt_img li{position:absolute;}
.pos01{
	left:275px;
	top:233px;
}
.pos02{
	left:-130px;
	top:860px;
}
.pos03{
	left:-130px;
	top:1188px;
}
.pos04{
	left:215px;
	top:1382px;
}
.pos05{
	left:-130px;
	top:388px;
}
.pos06{
	left:265px;
	top:1022px;
}
.pos07{
	left:-130px;
	top:74px;
}

/* add 100804*/
.w620{width:620px;overflow:hidden;}
.w580{width:580px;overflow:hidden;}
.sep{width:580px;overflow:hidden;}
.sep .s1{width:186px;overflow:hidden;float:left;margin-right:11px;}
.sep .s2{width:186px;overflow:hidden;float:left;}
.sep .s3{width:186px;overflow:hidden;float:right;}
.sep .img img{border:3px solid #ffffff;}
.mgn10t{margin-top:10px;}
dl#groupbox{margin:10px 0px 0px 0px;}
dl#groupbox dt{font-weight:bold;color:#E38CE6;}
dl#groupbox dd{text-indent:5px;}
.frame01{background:url('../img/bg580.png') repeat-y;padding:10px 10px 10px 10px;margin:0px 10px 30px 0px;}