@charset "shift_jis";
/* CSS Document */

/****************突発系便利クラス*****************/
.sp {
	display: none!important;
}
.mb00{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}

.mt00{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}

.mr00{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}

.ml00{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml100{margin-left:100px !important;}
.ml120{margin-left:120px !important;}
.ml130{margin-left:130px !important;}
.ml150{margin-left:150px !important;}
.ml160{margin-left:160px !important;}
.ml170{margin-left:170px !important;}

.pb00{padding-bottom:0px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pt00{padding-top:0px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.pr00{padding-right:0px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pl00{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}

.w01	{width:400px;}
.w02	{width:300px;}

.cboth{clear:both;}
.cnone{clear:none;}
.cleft{clear:left;}
.cright{clear:right;}
.fleft,.fleft2{float:left;}
.fleft2{}/*レスポンシブでスマートフォンではフロートをかけたくない画像へ適用*/
.fright,.fright2{float:right;}
.fright2{}/*レスポンシブでスマートフォンではフロートをかけたくない画像へ適用*/
.tleft{text-align:left;}
.tcenter{text-align:center;}
.tright{text-align:right;}
.relative{position:relative;}

.indent01{text-indent:-1.6em; padding-left:1.6em;}

.w100	{width:100px !important;}
.w150	{width:150px !important;}
.w200	{width:200px !important;}
.w250	{width:250px !important;}
.w300	{width:300px !important;}
.w320	{width:320px !important;}
.w330	{width:330px !important;}
.w350	{width:350px !important;}
.w380	{width:380px !important;}
.w400	{width:400px !important;}
.w450	{width:450px !important;}
.w500	{width:500px !important;}
.w550	{width:550px !important;}
.w580	{width:580px !important;}
.w600	{width:600px !important;}


img.lid{display:block; clear:both;}
img.img_bdr	{ border:#bfbfbf solid 1px; padding:1px;}
/*!このクラスは指定することでロールオーバーを可能にするものです。ファイル名は「通常時の名前+_on」としてください!*/
.rlov{}

/*DreamweaverでCSSクラス一覧に引っ張りだす用です*/
.oHover{}

.mintyo{
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
}


/****************標準枠体裁（基本的に変更禁止）*****************/

body{
	color:#3d3d3d;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.8;
	min-width:1100px;
	font-size:90%;
	margin:0;
	padding:0;
	background:url(../images/body_bg_02.jpg) center top repeat-x #FFF;
	}
	
body#top{
	background:url(../images/body_bg.jpg) center top repeat-x #FFF !important;
	}

/* IE7でpadding指定（背景補完用） */
*:first-child+html body {
padding-left: 1px;
}


/* IE6以下でpadding指定（背景補完用） */
*html body {
padding-left: 1px;
}

a:link{color:#0044CC;}
a:visited{color:#0044CC;}
a:hover{color:#0044CC;}
a:active{color:#0044CC;}

.green{color:#3b7135;}
.red{color:#FF3333;}
.red2{color:#C00;}
.orange{color:#F60;}
.orange2{color:#FF3d17;}
.blue{color: #36F;}
.blue2{color: #126;}
.brown{color:#411;}
.white{color:#FFF;}

.mini{font-size:90%;}
.big{font-size:120%;}
.big2{font-size:155%;}

/* --------------------------------------------------
 Wrapper Style
 -------------------------------------------------- */
div#wrap{
	width:100%;
	text-align:center;
	background:url(../images/body_bg_02.jpg) center top repeat-x;
}
#top div#wrap{
	width:100%;
	text-align:center;
	background:url(../images/body_bg.jpg) center top repeat-x;
}
/****** Head ******/
#wrap div#headerarea{
	width:1200px;
	margin:0 auto;
	padding:0;
	font-size:75%;
	height:220px;
}

#wrap div#headerarea div#header{
	width:1200px;
	height:150px;
	margin:0 auto;
	text-align:left;
	background:url(../images/header_bg.jpg) center bottom no-repeat;
}
#wrap div#headerarea h1{
	margin:0;
	padding:0;
	text-align:left;
	line-height:20px;
	font-size:90%;
	color:#FFF;
}

#wrap div#headerarea div#header div.fleft{
	margin:0;
	padding:0;
	color:#000;
}


#wrap div#headerarea div#header div.fright{
	text-align:right;
	margin:0;
	padding:15px 0 0 0;
	font-size:120%;
	text-align:right;
	color:#000;
}

/****** Gnavi ******/
#wrap div#gnavi{
	width:1200px;
	height:70px;
	margin:0 auto 0;
	padding:0;
	clear:both;
	background:url(../images/gnavi.jpg) center top no-repeat;
}

#wrap div#gnavi dl{
	display:block !important;
	height:70px;
}

#wrap div#gnavi dl dd{
	display:block !important;
}

#wrap div#gnavi ul{
	display:block;
	height:70px;
}

#wrap div#gnavi ul li{
	float:left;
	display:block;
	width:200px;
	height:70px;
}

#wrap div#gnavi ul li a{
	display:block;
	text-indent:-9999px;
	height:70px;
	background-image:url(../images/gnavi_bg.jpg);
}

#wrap div#gnavi ul li#link01 a{background-position:0 0;}
#wrap div#gnavi ul li#link01 a:hover{background-position:0 70px;}
#wrap div#gnavi ul li#link02 a{background-position:-200px 0;}
#wrap div#gnavi ul li#link02 a:hover{background-position:-200px 70px;}
#wrap div#gnavi ul li#link03 a{background-position:-400px 0;}
#wrap div#gnavi ul li#link03 a:hover{background-position:-400px 70px;}
#wrap div#gnavi ul li#link04 a{background-position:-600px 0;}
#wrap div#gnavi ul li#link04 a:hover{background-position:-600px 70px;}
#wrap div#gnavi ul li#link05 a{background-position:-800px 0;}
#wrap div#gnavi ul li#link05 a:hover{background-position:-800px 70px;}
#wrap div#gnavi ul li#link06 a{background-position:-1000px 0;}
#wrap div#gnavi ul li#link06 a:hover{background-position:-1000px 70px;}

#wrap div#gnavi ul li a img{
	display:block;
}
/****** Main ******/


body #wrap div#mainimage{
	padding:0 0px;
	padding-top:20px;
	clear:both;
	width:1200px;
	margin:0 auto;
	text-align:center;
}

body #wrap div#mainimage img{
	box-shadow:0 0 5px #000;	
}


body#top #wrap div#mainimage{
}

body #wrap div#mainimage div#mv{
	padding-top:255px;
	background:url(../images/mainimage_kasou.jpg) center 40px no-repeat;
	min-height:85px;
	font-weight:bold;
	text-align:center;
}

body #wrap div#mainimage div#pagename{
	font-size:190%;
	line-height:1.2;
	color:#FFF;
}
body #wrap div#mainimage div#pageeng{
	line-height:1.2;
	color:#FFF;
}




#wrap div#mainarea{
	width:1100px;
	min-width:1100px;
	margin:0 auto;
	clear:both;
	padding:40px 50px;
	background:url(../images/main_bg.jpg) center top repeat-y;
}



/****** Side ******/
#wrap div#mainarea div#sidearea{
	width:230px;
	float:left;
	text-align:left;
	padding:0 0 0 10px;
	font-weight:normal;
	line-height:1.4;
}


#wrap div#mainarea div#sidearea .sidemenu{
	width:210px;
	margin:0 0 25px;
}



#wrap div#mainarea div#sidearea ul{
	margin:0;
	padding:0;
}
#wrap div#mainarea div#sidearea ul li{
	padding:0;
	margin-bottom:0px;
	display:block;
}


#wrap div#mainarea div#sidearea ul li img{
	display:block;
}


#wrap div#mainarea div#sidearea #sidematerial ul li{
	background:url(../images/side_bg.jpg) left top no-repeat;
	height:30px;
	line-height:30px;
	padding-left:40px;
	font-size:90%;
}


#wrap div#mainarea div#sidearea div.sidebox{margin-bottom:30px; background:url(../images/side_boxbg.jpg) left top repeat-y;}
#wrap div#mainarea div#sidearea div.sidebox div.txt{
	padding:10px;
	font-size:90%;
}

#wrap div#mainarea div#sidearea div.sideadd{
	margin-bottom:40px;
	background:url(../images/sidebox_bg.jpg) left top repeat #FFF;
	border-bottom:1px solid #ccc;
}

#wrap div#mainarea div#sidearea div.sideadd div.txt{
	padding:10px;
}

#wrap div#mainarea div#sidearea ul.materiallist{
}

#wrap div#mainarea div#sidearea ul.materiallist li{
	border-bottom:1px dashed #999;
	background:url(../images/icon_material.jpg) 10px center no-repeat;
	padding:4px 3px 4px 35px;
}

#wrap div#mainarea div#sidearea ul.materiallist li:last-child{
	border-bottom:none;
}

#wrap div#mainarea div#sidearea ul.materiallist.tech li{
	background:url(../images/icon_tech.jpg) 10px center no-repeat;
}
#wrap div#mainarea div#sidearea ul.materiallist.craft li{
	background:url(../images/icon_craft.jpg) 10px center no-repeat;
}


/****** Contents ******/
#wrap div#mainarea div#contentsarea{
	width: 800px;
	margin: 0 0;
	text-align:left;
	float:right;
}

#wrap div#mainarea div#contentsarea section{
	padding:0 0;
	margin:0 auto 40px;
	display:block;
	text-align:justify;
	clear:both;
}

div.greeting{
	position:absolute;
	left:510px;
	top:0px;
	width:580px;
	font-size:85%;
	-webkit-text-size-adjust: 100%; 
	overflow:visible;
}

div.greeting .big2{
	font-size:140%;
}

/* Heading */
#wrap div#mainarea h2{
	clear:both;
	margin-bottom:20px;
	color:#FFF;
	font-size:170%;
	font-weight:bold;
	text-shadow:1px 1px 0px #333;
	padding:8px 60px 8px 20px;
	height:44px;
	line-height:1.8;
	background:url(../images/h2_bg.jpg) left bottom no-repeat;
}

#wrap div#mainarea h2 a,#wrap div#mainarea h3 a,#wrap div#mainarea h4 a{
	color:#FFF;
}

#wrap div#mainarea h3{
	clear:both;
	font-weight:normal;
	font-size:150%;
	padding:7px 20px 7px 20px;
	margin-bottom:20px;
	color:#FFF;
	text-shadow:1px 1px 0px #333;
	border-radius:0 10px 10px 10px;
	background:url(../images/logo_bg.png) right bottom no-repeat, url(../images/h3_bg.png) right bottom no-repeat;
	background-color:#03C;
}

#wrap div#mainarea h4{
	background-color: #F84;
	line-height:30px;
	padding:6px 10px 2px;
	border-bottom:1px solid #F63;
	border-left:10px solid #F52;
	margin-bottom:20px;
	font-weight:normal;
	font-size:140%;
	color:#FFF;
	clear:both;
	text-shadow:1px 1px #000;
	border-radius:0 5px 5px 0;
}


#wrap div#mainarea h5{
	border-left:10px solid #336;
	background-color:#09F;
	padding-left:10px;
	color:#FFF;
	font-weight:normal;
	margin-bottom:20px;
	clear:both;
	font-size:120%;
	padding-top:3px;
	line-height:1.5;
	border-radius:0 0 30px 0;
}

#wrap div#mainarea h6{
	clear:both;
	font-weight:bold;
	border-bottom:1px dashed #666;
	margin-bottom:10px;
}

#wrap div#mainarea div#contentsarea p{
	margin:0 0 15px;
}


/* Basic parts */

#wrap div#mainarea div#contentsarea div.newsbox{
	padding:0;
	overflow:auto;
	line-height:1.5;
	border:1px solid #999;
	border-left:10px solid #0267FF;
	padding:10px;
	font-size:110%;
}


#wrap div#mainarea div#contentsarea div.newsbox a{
	text-decoration:underline;
}

#wrap div#mainarea div#contentsarea div.newsbox dl{
	padding:5px 0 10px;
	clear:both !important;
	border-bottom:1px dashed #999;
	margin-bottom:10px;
}

#wrap div#mainarea div#contentsarea div.newsbox dl dt{
	width:120px;
	padding-left:20px;
	float:left;
	font-weight:bold;
	text-align:center;
	padding:3px 8px;
	background-color:#eb5405;
	border-radius:5px;
	color:#FFF;
}

#wrap div#mainarea div#contentsarea div.newsbox.half dl dt{
	width:18%;
	padding:0 2%;
	float:left;
	font-weight:bold;
}

#wrap div#mainarea div#contentsarea div.newsbox dl dd{
	width:78%;
	float:right;
	padding:3px 0;
}

#wrap div#mainarea div#contentsarea div.newsbox.half dl dd{
	width:540px;
	float:right;
}


/****** Foots ******/

#wrap div#footbanner{
	clear:both;
	position:relative;
	margin-bottom:35px;
	height:auto;
	_height:116px !important;
	min-height:116px;
}

#wrap div#footbanner .img01{
	position:absolute;
	top:0;
	left:0;
}
#wrap div#footbanner .img02{
	position:absolute;
	top:0;
	right:-5px;
}

#wrap div#footerarea{
	width:100%;
	height:350px;
	margin:0 auto;
	font-size:90%;
	clear:both;
	background:url(../images/footer_bg_01.jpg) left top repeat-x;
}
#wrap div#footerarea div#footer{
	line-height:1.5;
	width:1200px;
	margin:0 auto;
	padding:0px 0 0;
	height:350px;
	text-align:right;
	font-weight:normal !important;
	color:#FFF;
	font-size:95%;
	position:relative;
	background:url(../images/footer_bg_02.jpg) center top no-repeat;
}

#wrap div#footerarea div#footer #footlink{
	position:absolute;
	left:60px;
	top:220px;
	min-width:680px;
	text-align:left;
	line-height:1.8;
}

#wrap div#footerarea div#footer #footadd{
	position:absolute;
	left:5px;
	top:150px;
	min-width:680px;
	text-align:left;
	font-size:95%;
	line-height:1.8;
}

#wrap div#footerarea div#footer #foottel{
	position:absolute;
	left:5px;
	top:230px;
	min-width:680px;
	text-align:left;
	font-size:110%;
	line-height:1.5;
}

#wrap div#footerarea div#footer #footlink ul{
	min-width:25%;
	float:left;
	display:inline-block;
}

#wrap div#footerarea div#footer #footlink ul li{
	font-weight:bold;
	display:block;
	padding-right:30px;
}


#wrap div#footerarea div#footer #copyright{
	position:absolute;
	bottom:0px;
	left:0px;
	color:#000;
	font-size:90%;
}

#wrap div#footerarea div#footer #copyright a{
	color:#000;
	text-decoration:none;
}

#wrap div#footerarea div#footer #mail{
	position:absolute;
	bottom:35px;
	left:0px;
	color:#000;
	font-size:90%;
}

#wrap div#footerarea div#footer #snw{
	position:absolute;
	bottom:7px;
	left:106px;
	color:#000;
	font-size:90%;
}


#wrap div#footerarea div#footer table{
	font-size:90%;
}


#wrap div#footerarea div#footer div#text{
	margin-bottom:0 !important;
	padding:0;
	text-align:left;
	position:absolute;
	top:90px;
	left:70px;
}

#wrap div#footerarea div#footer div#blog{
	margin-bottom:0 !important;
	padding:0;
	text-align:left;
	position:absolute;
	top:100px;
	left:365px;
}


#wrap div#footerarea div#footer div#text li{
	padding-left:17px;
	background:url(../images/icon_footlink.jpg) left center no-repeat;
}

/*フッターリンクをliタグで設置する場合のCSS*/
#wrap div#footerarea div#footer div.footlink{
	width:440px;
	position:absolute;
	top:220px;
	right:50px;
	text-align:left;
	font-size:85%;
}

#wrap div#footerarea div#footer div.footlink ul li{
	float:left;
	margin-right:15px;
	margin-bottom:5px;
	}
#wrap div#footerarea div#footer div.footlink ul li:nth-child(4){
	clear:left;
	}
#wrap div#footerarea div#footer div.footlink ul li:before{
	content:'＞';
	}
	
#wrap div#footerarea div#footer a{text-decoration:underline; color:#FFF;}
#wrap div#footerarea div#footer a:hover{text-decoration:none;}



/*非汎用部分*/

div#contentsbox{
	margin-bottom:30px;
}

div#contentsbox div.fleft,div#contentsbox div.fright{
	width:335px;
	background:url(../images/boxbg.jpg) left bottom repeat-x #f7becd;
}
div#contentsbox div div{padding:15px 10px 10px; font-size:93%;}






/************kasou************/


.careBox	{
	margin:0 auto;
	clear:both;
	line-height:1.7;
	background:url(../images/box_bg.jpg) left top repeat-y;
}
.careBox div{
	width:350px;
	margin:0;
}

.careBox div div{
	padding:10px 8px 0;
	position:relative;
	min-height:152px !important;
	height:auto !important;
	height:160px;
	border:1px solid #dfdfdf;
	border-top:none;
	border-bottom:none;
	width:332px;
}
.careBox dl dd	span{
	display:block;
	position:absolute;
	left:105px;
	bottom:105px;
}

.careBox dl.care01 dd	{
	padding:10px 100px 10px 30px;
	
}
.careBox dl dd span	{
	display:block;
	position:absolute;
	right:20px;
	bottom:0px;
}

ul.pagelink,ul.pagelink02{
	padding:5px;
	border:1px dashed #9f9f9f;
	background-color:#FFF;
	margin-bottom:30px;
}

ul.pagelink li{
	float:left;
	width:260px;
	background:url(../images/arrow.gif) left center no-repeat;
	padding-left:15px;
	display:block;
}

ul.pagelink02 li{
	float:left;
	width:390px;
	background:url(../images/arrow.gif) left center no-repeat;
	padding-left:15px;
	display:block;
}

ul.pagelink li a,ul.pagelink02 li a{
	color:#069;
}

table.normal{
	background-color:#AAAAAA;
}

p.voice{
	background-color:#F8F8FF;
	padding:10px 15px;
	margin:0 15px 50px !important;
	border:1px solid #DDDDFF;
}


ul.linklist{
	margin-bottom:40px;
	padding-left:20px;
}

ul.linklist li{
	padding-left:15px;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dashed #999999;
}

ul.linklist li.half{
	padding-left:15px;
	margin-bottom:15px;
	margin-right:3%;
	padding-bottom:15px;
	border-bottom:1px dashed #999999;
	width:46%;
	box-sizing:border-box;
	float:left;
}

ul.linklist li a{
	font-size:120%;
	font-weight:bold;
}


a.under{text-decoration:underline;}


dl.new	{
	clear:both;
	margin:0 0 10px;
	padding-bottom:10px;
	border-bottom:1px dashed #999;
}
dl.new dt{
	float:left;
	width:100px;
	padding-left:10px;
}
dl.new dd{
	padding-left:10px;
	width:435px;
	float:left;
}
dl.new dd.last	{
	background:none;
}



div.addbox{
	background:url(../images/add_bg.jpg) left top no-repeat;
	height:49px;
	margin-bottom:30px;
	padding:10px 0 0 155px;
	color:#FFF;
	}

div.topbg{
	background:url(../images/images_01.jpg) left top no-repeat;
	height:440px;
	padding:157px 0 0;
	line-height:1.6;
	text-align:center;
	text-shadow:1px 1px 0 #FFF;
}

div.topbg02{
	background:url(../images/bg_01.jpg) right top no-repeat;
	min-height:360px;
	padding:120px 35% 0 0;
	line-height:1.6;
	text-shadow:1px 1px 0px #FFF;
}


div.menubox{
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	background-color:#FFF;
	padding-top:3px;
	text-align:center;
}
div.menubox div{
	padding:5px 10px 0;
	text-align:left;
}

div.footerbox{
	color:#333;
	line-height:1.8;
	padding:13px 13px 0;
	border:5px solid #609366;
	background-color:#FFF;
	clear:both;
}


div.pickbox{
	width:350px;
	height:228px;
	position:relative;
}
div.pickbox p.txt{
	position:absolute;
	width:160px;
	top:58px;
	left:18px;
	font-size:95%;
}
div.pickbox a.btn{
	position:absolute;
	top:0;
	right:0;
	font-size:95%;
	display:block;
	text-align:right;
	padding:185px 10px 0 0;
	width:340px;
	height:43px;
}


ul.footlink{
	line-height:20px;
}
ul.footlink li{
	background:url(../images/arrow_list.png) left 3px no-repeat;
	padding-left:16px;
	line-height:20px;
}

div.timebox{
	background-color:#FFF;
	padding:10px 10px 12px;
}



table.ntable{
	background-color:#999;
}
table.ntable td{
	background-color:#FFF;
}
table.ntable tr:nth-child(even) td{
	background-color:#F0F0F8;
}
table.ntable th{
	background-color:#EEF;
}
table.ntable tr:nth-child(even) th{
	background-color:#DDF !important;
}

table.ntable.opc{
	background:rgba(153,153,153,0.3);
}
table.ntable.opc td{
	background:rgba(255,255,255,0.8);
}
table.ntable.opc tr:nth-child(even) td{
	background:rgba(248,248,255,0.8);
}

table.ntable2{
	background-color:#999;
	width:100%;
}
table.ntable2 td{
	background-color:#FFF;
}
table.ntable2 tr:nth-child(even) td{
	background-color:#F8F8FF;
}
table.ntable2 th{
	background-color:#EEF;
	width:18%;
	max-width:30%;
}
table.ntable2 tr:nth-child(even) th{
	background-color:#DDF !important;
}

table.ntable2.opc{
	background:rgba(153,153,153,0.3);
}
table.ntable2.opc td{
	background:rgba(255,255,255,0.8);
}
table.ntable2.opc tr:nth-child(even) td{
	background:rgba(248,248,255,0.8);
}

div.txtbox02{padding:20px; background:url(../images/bg_wooden.jpg) left top repeat; margin-bottom:20px;}
div.txtbox02 div.txt{border-left:10px solid #877002 !important; padding:10px !important; background-color:#FFF !important;}

div.txtbox{padding:15px; border-radius:10px; clear:both; border:1px solid #069; border-right-width:3px; border-bottom-width:3px;}

dl.faq,dl.faq2{border:1px solid #999; margin-bottom:40px; background-color:#F8F8F8; padding:10px; display:block; border-radius:5px;}
dl.faq dt,dl.faq2 dt{
	display:block;
	background:url(../images/icon_q.jpg) left top no-repeat #F63;
	margin:0 0 1px;
	padding:0 0 0 65px;
	line-height:50px;
	font-weight:bold;
	color:#FFF;
	font-size:110%;
	}
dl.faq dd,dl.faq2 dd{
	display:block;
	background:url(../images/icon_a.jpg) left top no-repeat #FFF;
	margin:0 0 0;
	padding:15px 10px 15px 65px;
	line-height:1.9;
	border-radius:0 0 40px 0;
	box-shadow:0px 3px 5px #999 inset;
	}

div.faqbox{
	background:url(../../faq/images/bg_01.jpg) left top no-repeat;
	padding:10px 20px 15px;
	height:157px;
	margin-bottom:50px;
}

div.flowbox{
	background:url(../../flow/images/flow_bg.jpg) left bottom no-repeat;
	padding:10px 10px 20px;
}

div.telbanner{
	background:url(../images/telbanner.jpg) left top no-repeat;
	height:266px;
	font-size:90%;
	position:relative;
}

div.telbanner table{
	position:absolute;
	top:163px;
	right:10px;
}
div.telbanner div#info{
	position:absolute;
	top:122px;
	left:30px;
	line-height:1.5;
}

img.rad{border-radius:5px; box-shadow:0px 0px 5px #666;}

table.bannerbox div.bannerimg{
	width:230px;
	font-size:90%;
	position:relative;
	line-height:1.4;
	margin-bottom:20px;
}
table.bannerbox div.bannerimg span{
	position:absolute;
	display:block;
	left:13px;
	top:95px;
}

table.bannerbox a#banner01{	background:url(../images/btn_01_bg.jpg) left top no-repeat;}
table.bannerbox a#banner02{	background:url(../images/btn_02_bg.jpg) left top no-repeat;}
table.bannerbox a#banner03{	background:url(../images/btn_03_bg.jpg) left top no-repeat;}

table.bannerbox a:hover{background-position:right top !important;}

div.pointbox{
	background:url(../images/pointbox_middle.jpg) center 15px repeat-y;
}
div.pointbox div.text{
	padding:0 15px 0;
}

div.pointbox02{
	background:url(../images/pointbox02_middle.jpg) center 15px repeat-y;
}
div.pointbox02 div.text{
	padding:0 15px 0;
}

table.bordertable{
	border-top:1px solid #AA9999;	
}
table.bordertable td{
	border-bottom:1px solid #AA9999;	
}

div.text div.abs{
	position:absolute;
	font-size:95%;
	width:210px;
}

.shadow{
	box-shadow:5px 5px 0px #CCD;
}

div.spbox{
	background:url(../images/sp_bg.jpg) left top no-repeat;
	height:47px;
	line-height:47px;
	color:#FFF;
	padding-left:112px;
}
div.spbox a{
	color:#FFF;
}

table.noborder{
	margin:0 auto;
}

div.photobox{
	border:3px double #999;
	margin:0 10px 40px;
	padding:10px;
	border-radius:0 10px 0 10px;
}

ul#caselist{
	font-size:90%;
	padding:10px;
	border:1px dashed #999;
	margin-bottom:40px;
}

ul#caselist li{
	float:left;
	width:320px;
	line-height:1.4;
	padding-bottom:4px;
	margin-bottom:4px;
	background:url(../images/list_icon.gif) left 0px no-repeat;
	padding-left:24px;
	min-height:16px;
}

div#brogPartsMonthlyArchive{
	margin-bottom:40px;
	background-color:#FFF;
}

div#brogPartsMonthlyArchive ul{
	padding:5px !important;
}
div#brogPartsMonthlyArchive ul li{
	background:url(../images/list_icon.gif) left 3px no-repeat;
	padding-left:22px !important;
	padding-bottom:3px !important;
	margin-bottom:3px !important;
	border-bottom:1px dashed #999;
}


div.entryBody{margin-bottom:60px;}

div.clbox{
	background:url(../images/cloth_bg.jpg) left top repeat;
	border:1px solid #999;
	padding:10px;
	text-align:center;
}

div.clbox img{
	border:1px solid #999;
	box-shadow:1px 1px 2px #333;
}


ul#past{
}
ul#past li{
	background:url(../images/list_icon.gif) left 3px no-repeat;
	width:20%;
	float:left;
	padding-left:22px !important;
	padding-bottom:3px !important;
	margin-bottom:3px !important;
	margin-right:10px;
	border-bottom:1px dashed #999;
}

div.bg_gray{
	background-color:#eeeeee;
}

div.cutline{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px dashed #999;
}

div.txtbox ul li{ padding:5px 0; border-bottom:1px dashed #999;}
div.txtbox ul li:last-child{ border-bottom:0;}

div#blogarchive{
	border-radius:10px;
	background-color:#FFF;
	padding:10px;
	margin-bottom:30px;
}

div#blogarchive ul li{
	padding:5px 0px !important;
	border-bottom:1px dashed #999;
}

div#blogarchive ul li:before{
	content:'＞';
}

div.bannerbox{
	width:490px;
	max-width:490px;
}

div.gmap{
	margin:0 auto;
	width:700px;
	height:500px;
}


div.material{
	border-top:1px dashed #CCC;
}

div.material dl{
	padding: 5px 0;
	border-bottom:1px dashed #CCC;
}

div.material dl dt{
	float:left;
	width:15%;
}
div.material dl dd{
	float:left;
	width:85%;
}

form input[type="text"],form textarea{font-size:150%; width:95%;}

form input[type="submit"],form input[type="reset"],form input[type="button"]{font-size:150%; width:40%; padding:5px; box-sizing:border-box;}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap.movie {
	margin:0 12.5% 60px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul.worksmenu {margin-bottom:20px; padding:10px; background-color:#e7e5e5;}
ul.worksmenu li{float:left; margin-bottom:10px; display:block; margin-right:0px;}
ul.worksmenu li:nth-child(2){ margin-left:20px;}
ul.worksmenu li:nth-child(4){ margin-left:20px;}
div.photos ul.worksmenu li:nth-child(2n+1){ clear:both; margin-right:10px;}
div.photos ul.worksmenu li:nth-child(2n){ clear:none; margin-right:0;}


.visible{display:none !important;}
.invisible{display:block !important;}

ul.normallist{
	margin-bottom:30px;
	padding:15px 15px 5px;
	border-radius:10px;
	border:3px outset #669;
	box-shadow:0 0 5px #CCF;
}

ul.normallist li{
	border-bottom:1px dashed #999999;
	padding-bottom:8px;	
	margin-bottom:8px;
	padding-left:1.5em;
	text-indent:-0em;
	position:relative;
	font-size:130%;
	font-weight:bold;
}

ul.normallist li:before{
	content:"▲";
	transform: rotate(90deg);
	position:absolute;
	left:0;
	top:-3px;
	font-weight:bold;
	color:#F63;
	text-shadow:1px 1px #999;
	letter-spacing:-5px;
}


ul.normallist2{
	margin-bottom:15px;
}

ul.normallist2 li{
	border-bottom:1px dashed #999999;
	padding-bottom:8px;	
	margin-bottom:8px;
	padding-left:1.5em;
	text-indent:-0em;
	position:relative;
	width:32%;
	box-sizing:border-box;
	float:left;
	margin-right:1%;
}

ul.normallist2 li:before{
	content:"▲";
	transform: rotate(90deg);
	position:absolute;
	left:0;
	top:-3px;
	font-weight:bold;
	color:#F63;
	text-shadow:1px 1px #999;
	letter-spacing:-5px;
}


div.comment{ padding:10px 10px 0; border:1px solid #99A; width:73%; margin-bottom:50px; background-color:#FFFFEE;}
div.comment p.syomei{padding-top:10px; border-top:1px dashed #99A; margin-bottom:0px; font-weight:bold;}


div.onethird{
	padding:0 2%;
	width:29%;
	margin-bottom:50px;
	float:left;
}
div.onethird img{
	width:100%;
}


table.casebox{}
table.casebox div{
	padding:10px;
	background:url(../images/new.jpg) right center no-repeat #f6e2e2;
	font-size:120%;
	fobt-weight:bold;
	color:#622e00;
	line-height:1.4;
	margin-bottom:10px;
	min-height:51px;
}
table.casebox div strong{
	font-size:120%;
	color:#0e1270;
}


#contentsarea img.titleimg{
	width:30%;
	float:right;
	margin:0 0 20px 20px;
	border-radius:10px;
}

div.hidden,div.flowbox{
	background-color:#F0F0FF;
	padding:20px;
	border-radius:10px;
}

div.hidden p:last-child,div.flowbox p:last-child{
	margin-bottom:0 !important;
}

ul.staffbox{}
ul.staffbox li{width:430px; margin:0 20px 40px 0; border-bottom:1px dashed #CCC; float:left; }
ul.staffbox li:nth-child(2n+1){clear:both;}
ul.staffbox li img{margin:0 auto 20px; display:block; border-radius:10px; box-shadow:0 0 5px #666;}

table.blocktable{
	margin-bottom:40px;
}

dl.proposal{ display:block; margin:0 6%;}
dl.proposal dt{color:#7d6205; font-size:140%; margin-bottom:0px; line-height:1.4; padding:0;}
dl.proposal dd{ margin-left:2%; padding:1em; box-shadow:0 0 3px #CCC; margin-bottom:40px; background-color:#FFF8F0;}
dl.proposal dd .mini{display:block; padding-left:1em; text-indent:-1em; margin:15px 0 !important; color:#03C;}
dl.proposal dd .atsn{display:block; padding-left:1.9em; text-indent:-1.9em; margin:6px 0 !important;}

.minimum{width:65%;}

div#brogPartsMonthlyArchive,.widget-content,.archive-content{
	margin-bottom:40px;
	background-color:#FFF;
	border-radius:10px;
}

div#brogPartsMonthlyArchive ul,.widget-content ul,.archive-content ul{
	padding:5px !important;
}
div#brogPartsMonthlyArchive ul li,.widget-content ul li,.archive-content ul li{
	padding-left:10px !important;
	padding-bottom:3px !important;
	margin-bottom:3px !important;
	border-bottom:1px dashed #999;
}

.content-nav{
	border-radius:5px;
	padding:10px 20px;
	border: 1px dashed #999;
	margin:40px 0;
	text-align:center;
}
.sp {
	display: none!important;
}
div.techbox{
	padding:20px;
	margin-bottom:50px;
	background:url(../images/tech_bg.jpg) left top repeat;
}
div.techbox div.inner{
	padding:10px;
	background-color:#FFF;
}

div#compname{
	position:absolute;
	width:230px;
	top:80px;
	left:0;
	color:#111;
	text-align:center;
	font-size:150%;
	font-weight:bold;
}

div#footname{
	position:absolute;
	top:54px;
	left:140px;
	width:570px;
	color:#000;
	font-size:140%;
}

img.subimg{
	float:right;
	margin:0 0 40px 20px;
	max-width:30%;
}

ul.gallery{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:80px;
}
ul.gallery li{
	width:48%;
	margin:0 1% 40px;
}
ul.gallery li img{
	width:100%;
	height:auto;
	margin-bottom:10px;
}