@charset "Shift_JIS";

/*
============================== CONTENTS ==============================

			1: 全体構成
			2: ナビゲーション
			3: リンクの設定
			4: html要素
			5: 独自要素
			6: アクセシビリティ
			7: 不具合回避

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



/*
===== 1: 全体構成 =============================================
*/

html { overflow-y:scroll; }
html,body { background: #FFFFFF; color: #333333; }

body {
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0;
	padding: 0;
}
body.home { background: url(/img/common/back.jpg) repeat-x top; }
* html body { font-size: small; }	/* for IE6 */
*:first-child+html body { font-size: small; }	/* for IE7 */

ul,dl,ol { text-indent: 0; }
li { list-style: none outside; }
th,td { vertical-align: top; }

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}


#wrap {
	background: url(../img/common/home_contback.jpg) no-repeat 0 333px;
	margin: 0 auto;
	padding: 0;
	width: 798px;
	text-align: left;
}
#wrap:after { /* clearfix */ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

.section { }
.section:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

header {
	background: url(../img/common/headback03.jpg) no-repeat;
	display: block;
	margin: 0;
	width: 798px;
	height: 362px;
}
header:after {	/* clearfix */ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
hgroup {
	display: block;
	float: left;
	margin: 0;
	width: 558px;
	height: 310px;
}

article {
	display: block;
	width: 546px;
	text-align: left;
	float: left;
	padding: 0 0 0 10px;
}
aside {
	display: block;
	width: 229px;
	text-align: left;
	float: right;
}

#aboutImgBox {
	background: url(../img/about/about_img01.jpg) no-repeat 20px 0;
	display: block;
}
#aboutImgBox3 {
	background: url(../img/about/about_img03.jpg) no-repeat 20px 0;
	display: block;
}
#aboutImgBox4 {
	background: url(../img/about/about_img04.jpg) no-repeat 20px 0;
	display: block;
}
#aboutImgBox6 {
	background: url(../img/about/about_img06.jpg) no-repeat 20px 0;
	display: block;
}
#aboutImgBox7 {
	background: url(../img/about/about_img07.jpg) no-repeat 20px 0;
	display: block;
}


#banner { margin: 0 0 3px; }
#ankerBox { width: 543px; text-align: left; float: right; margin: 0 15px 0 0; }
#anker {
	font-size: smaller;
	text-align: left;
	float: right;
}

footer {
	clear: both;
	color: #FFF;
	display: block;
	background: url(/img/common/footer_back4.jpg) repeat-x;
	text-align: left;
}
footer a {
	color: #FFF;
}
footer h3 {
	font-size: 100%;
	font-weight: normal;
}
.support {
	font-size: 85%;
	line-height: 1.4;
	text-align: left;
	margin: 0 0 15px;
	padding: 0 10px;
}
#footerBox {
	clear: both;
	display: block;
	margin: 0 auto;
	padding: 10px 0 25px 20px;
	width: 778px;
}
#fgotop {
	clear: both;
	background: url(../img/common/footer_gotop.gif) no-repeat;
	height: 25px;
	width: 81px;
	float: right;
	margin-right: 8px;
}
#fgotop a {
	display: block;
	width: 81px;
	height: 0;
	padding: 25px 0 0 0;
	overflow: hidden;
}


/*
===== 2: ナビゲーション =============================================
*/

nav {}

/*── メインメニュー ──*/

ul#gNav {
	clear: both;
	display: block;
	margin: 0 0 0 14px;
	padding: 0;
	width: 771px;
	height: 50px;
}
ul#gNav:after { /* clearfix */ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

ul#gNav li { float: left; }
ul#gNav li a {
	background: url(/img/common/menu.png) no-repeat;
	display: block;
	overflow: hidden;
	padding: 49px 0 0;
	height: 0;
	text-decoration: none;
}

ul#gNav li#nav01 a { background-position: 0 0; width: 129px; }
ul#gNav li#nav02 a { background-position: -129px 0; width: 129px; }
ul#gNav li#nav03 a { background-position: -258px 0; width: 130px; }
ul#gNav li#nav04 a { background-position: -388px 0; width: 129px; }
ul#gNav li#nav05 a { background-position: -517px 0; width: 130px; }
ul#gNav li#nav06 a { background-position: -647px 0; width: 124px; }

ul#gNav li#nav01 a:hover { background-position: 0 -52px; }
ul#gNav li#nav02 a:hover { background-position: -129px -52px; }
ul#gNav li#nav03 a:hover { background-position: -258px -52px; }
ul#gNav li#nav04 a:hover { background-position: -388px -52px; }
ul#gNav li#nav05 a:hover { background-position: -517px -52px; }
ul#gNav li#nav06 a:hover { background-position: -647px -52px; }


/*── ヘッダーメニュー ──*/

ul#hNav {
	display: block;
	float: right;
	text-align: right;
	margin: 0 0 25px;
	padding: 15px 0 0;
	width: 224px;
}
ul#hNav li {
	float: right;
}
ul#hNav li a {
	background: url(/img/common/icon02.gif) 0 center no-repeat;
	font-size: smaller;
	height: 15px;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	line-height: 1;
}
ul li#recruit {
	clear: both;
	float: inherit;
	padding: 140px 0 0;
}
ul li#recruit a {
	background: none;
	padding: 106px 0 0;
	height: 0;
	overflow: hidden;
	display: block;
}


/*── フッターメニュー ──*/

#fmenu { color: #FFFFFF; font-size: smaller; margin: 10px auto 15px; line-height: 1.8em; }
#fmenu a { color: #FFFFFF; }


/*── 「強み」メニュー ──*/

ul#value { margin: 0 0 8px 17px; width: 525px; }
ul#value:after { /* clearfix */ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
ul#value li {
	float: left;
	margin: 0 7px 7px 0;
}
ul#value li a {
	display: block;
	text-decoration: none;
	width: 167px;
	height: 0;
	padding: 99px 0 0;
	overflow: hidden;
}

ul#value li.btn01 a { background: url(../img/home/btn_cont01.jpg) 0 0; }
ul#value li.btn02 a { background: url(../img/home/btn_cont02.jpg) 0 0; }
ul#value li.btn03 a { background: url(../img/home/btn_cont03.jpg) 0 0; }
ul#value li.btn04 a { background: url(../img/home/btn_cont04.jpg) 0 0; }
ul#value li.btn05 a { background: url(../img/home/btn_cont05.jpg) 0 0; }
ul#value li.btn06 a { background: url(../img/home/btn_cont06.jpg) 0 0; }
ul#value li.btn07 a { background: url(../img/home/btn_cont07.jpg) 0 0; }
ul#value li.btn08 a { background: url(../img/home/btn_cont08.jpg) 0 0; }
ul#value li.btn09 a { background: url(../img/home/btn_cont09.jpg) 0 0; }
ul#value li.btn10 a { background: url(../img/home/btn_cont10.jpg) 0 0; }
ul#value li.btn11 a { background: url(../img/home/btn_cont11.jpg) 0 0; }
ul#value li.btn12 a { background: url(../img/home/btn_cont12.jpg) 0 0; }


/*── 「強み」メニューHOME ──*/

#value div.btn01 {
	float: left;
	margin: 0 7px 7px 0;
}
#value div.btn01 a {
	display: block;
	text-decoration: none;
	width: 167px;
	height: 0;
	padding: 99px 0 0;
	overflow: hidden;border: 1px solid #FF0000;
}

#value div.btn01 a { background: url(../img/home/btn_cont01.jpg) 0 0; }
#value div.btn02 a { background: url(../img/home/btn_cont02.jpg) 0 0; }
#value div.btn03 a { background: url(../img/home/btn_cont03.jpg) 0 0; }
#value div.btn04 a { background: url(../img/home/btn_cont04.jpg) 0 0; }
#value div.btn05 a { background: url(../img/home/btn_cont05.jpg) 0 0; }
#value div.btn06 a { background: url(../img/home/btn_cont06.jpg) 0 0; }
#value div.btn07 a { background: url(../img/home/btn_cont07.jpg) 0 0; }
#value div.btn08 a { background: url(../img/home/btn_cont08.jpg) 0 0; }
#value div.btn09 a { background: url(../img/home/btn_cont09.jpg) 0 0; }
#value div.btn10 a { background: url(../img/home/btn_cont10.jpg) 0 0; }
#value div.btn11 a { background: url(../img/home/btn_cont11.jpg) 0 0; }
#value div.btn12 a { background: url(../img/home/btn_cont12.jpg) 0 0; }


/*── コマーシャルリンク ──*/
#comLink {
	position: absolute;
	top: 140px;
	margin-left: 574px;
	width: 224px;
}
#comLink a {
	font-size: 93%;
}

.comLink {
	font-size: 93%;
	line-height: 1.4;
	margin: 0 25px 20px;
}



/*
===== 3: リンクの設定 =============================================
*/

a, area { outline: 0 none; }

a:link { text-decoration: underline; color: #006699; }
a:visited { text-decoration: underline ; color: #006699; }
a:hover { text-decoration: none; color: #FF6600; }
a:active { text-decoration: underline ; color: #FF6600; }
a:focus{	/*── FF点線対策 ──*/
/*\*/
　overflow: hidden;
/**/
}

/*── ナビリンク ──*/

ul.day { margin: 0 0 5px 6px; }
ul.day li { background:url(../img/common/icon01.gif) no-repeat 18px 0; text-indent: 40px; margin: 0 0 7px; padding-left: 0; }
ul.sme { margin: 0 0 10px 6px; }
ul.sme li { background:url(../img/common/icon01.gif) no-repeat 0 0; text-indent: 21px; margin: 0 0 2px; padding-left: 0; }
ul.anker { }
ul.anker li { background:url(../img/common/icon06.gif) no-repeat 0 2px; text-indent: 0; padding-top: 1px; }
ul.link { margin-bottom: 0; }
ul.link li { background:url(../img/common/point09.gif) no-repeat 0 0; text-indent: 0; padding-top: 2px; }
ul.outLink { margin-bottom: 0; }
ul.outLink li { background:url(../img/common/point12.gif) no-repeat 0 0; text-indent: 0; padding-top: 2px; }
ul.xls { margin-bottom: 0; }
ul.xls li { background:url(../img/common/point07.gif) no-repeat 0 0; text-indent: 0; padding-top: 0; }
ul.yubi { width: 343px; color:#CC0000; margin-bottom: 0; }
ul.yubi li { background:url(../img/common/point11.gif) no-repeat 0 0; text-indent: 0; padding-top: 2px; }
ul.question { margin-bottom: 0; }
ul.question li { background:url(../img/common/point13.gif) no-repeat 0 0; text-indent: 0; padding-top: 0; }
ul.answer { margin-bottom: 0; }
ul.answer li { background:url(../img/common/point14.gif) no-repeat 0 0; text-indent: 0; padding-top: 0; }

.sozaiLink { background:url(../img/common/icon01.gif) no-repeat 0 0; text-indent: 21px; margin: 0 10px 5px; padding-left: 0; width: 220px; float: left; }
ul.homeportfolio { margin: 0 10px 0; }
ul.homeportfolio li { margin: 0 0 14px; padding: 0 0 0 6px; font-size: smaller; line-height: 1.4em; text-indent: 0; }

ul.portfolio { margin: 0 0 10px 35px; padding: 10px 0 0; }
ul.portfolio li { margin: 0 55px 15px 0; padding: 105px 0 0 6px; font-size: smaller; line-height: 1.4em; text-indent: 0; float: left; width: 190px; height: 20px; }
ul.portfolio li a { display: block; }

.port01 { background: url(../img/portfolio/portfolio02.jpg) no-repeat; }
.port02 { background: url(../img/portfolio/portfolio01.jpg) no-repeat; }
.port03 { background: url(../img/portfolio/portfolio03.jpg) no-repeat; }
.port04 { background: url(../img/portfolio/portfolio04.jpg) no-repeat; }
.port05 { background: url(../img/portfolio/portfolio05.jpg) no-repeat; }
.port06 { background: url(../img/portfolio/portfolio06.jpg) no-repeat; }
.port07 { background: url(../img/portfolio/portfolio07.jpg) no-repeat; }
.port08 { background: url(../img/portfolio/portfolio08.jpg) no-repeat; }
.port09 { background: url(../img/portfolio/portfolio09.jpg) no-repeat; }
.port10 { background: url(../img/portfolio/portfolio10.jpg) no-repeat; }
.port11 { background: url(../img/portfolio/portfolio11.jpg) no-repeat; }
.port12 { background: url(../img/portfolio/portfolio12.jpg) no-repeat; }
.port13 { background: url(../img/portfolio/portfolio13.jpg) no-repeat; }
.port14 { background: url(../img/portfolio/portfolio14.jpg) no-repeat; }
.port15 { background: url(../img/portfolio/portfolio15.jpg) no-repeat; }
.port16 { background: url(../img/portfolio/portfolio16.jpg) no-repeat; }
.port17 { background: url(../img/portfolio/portfolio17.jpg) no-repeat; }
.port18 { background: url(../img/portfolio/portfolio18.jpg) no-repeat; }
.port19 { background: url(../img/portfolio/portfolio19.jpg) no-repeat; }
.port20 { background: url(../img/portfolio/portfolio20.jpg) no-repeat; }
.port21 { background: url(../img/portfolio/portfolio21.jpg) no-repeat; }
.port22 { background: url(../img/portfolio/portfolio22.jpg) no-repeat; }
.port23 { background: url(../img/portfolio/portfolio23.jpg) no-repeat; }
.port24 { background: url(../img/portfolio/portfolio24.jpg) no-repeat; }
.port25 { background: url(../img/portfolio/portfolio25.jpg) no-repeat; }
.port26 { background: url(../img/portfolio/portfolio26.jpg) no-repeat; }
.port27 { background: url(../img/portfolio/portfolio27.jpg) no-repeat; }

/*
===== 4: html要素 =============================================
*/

h1,h2,h3,h4,h5 { margin: 0; padding: 0; }

.home h1 {
	margin: 13px 0 0 14px;
	width: 537px;
}
.home h1 a {
	display: block;
	background: url(/img/common/logo.jpg) no-repeat;
	line-height: 1.6;
	height: 0;
	overflow: hidden;
	padding-top: 48px;
}
div#pagetitle { margin: 0 0 29px; font-size: 20px; padding: 13px 0 0 25px; height: 34px; width: 520px; display: block; font-weight:normal; }
h1.pagetitle2 {
	margin: 0 0 29px;
	font-size: 22px;
	font-weight: normal;
}
h1#keyword {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 20px;
}
.home h2,
#headline2 {
	height: 0;
	padding-top: 0;
	overflow: hidden;
}
#pagetitleBox {
	display: block;
	width: 520px;
	height: 90px;
	margin: 0;
	padding: 13px 0 0 180px;
	text-align: center;
}
ul.subpagetitle {}
ul.subpagetitle li {
	font-size: 14px;
	font-weight:normal;
}
ul.subpagetitle li.partition { border-right: 1px solid #CCCCCC; }
h2 { font-weight: normal; }

h2.stitle2 {
	margin: 0 0 30px 220px;
	padding: 23px 0 0;
}
h2.stitle3 {
	margin: 0 0 73px 200px;
	padding: 50px 0 0;
}
h2.stitle4 {
	margin: 0 0 30px 22px;
	padding: 23px 0 0;
}
h2.stitle5 {
	margin: 0 0 20px 22px;
}
h3 { }
h3.smenu { margin: 0 0 5px; }
h3.home {
	display: block;
	margin: 3px 0 10px 3px;
	background: url(../img/home/home_h2back01.jpg) no-repeat 5px 0;
	padding: 67px 0 0;
	height: 0;
	overflow: hidden;
}
h3.stitH3,
div.stitH3,
h4 {
	clear: both;
	background: url(../img/common/h3_home_back.jpg) no-repeat 0 0;
	height: 47px;
	width: 497px;
	margin: 0 0 7px 14px;
	padding: 15px 0 0 28px;
	display: block;
	font-size: 120%;
}
h3.stitleside {
	background: url(../img/common/h3_back_side.jpg) no-repeat 0 0;
	height: 25px;
	width: 180px;
	margin: 0 0 15px;
	padding: 10px 0 0 37px;
	display: block;
	font-weight: normal;
}
h3.linktitle {
	font-size: 100%;
	line-height: 1em;
	margin: 0 0 10px 0;
}

h3.stitleside a { text-decoration: none; }
aside h4 {
	background: none;
	height: inherit;
	margin: 0 0 5px;
	padding: 0 10px;
	font-size: 100%;
	width: 210px;
}

h5 {
	margin: 0 0 0 15px;
}

strong { font-weight: normal; }

p { margin: 0; padding: 0; }
p.base { width: 530px; margin: 10px 0 0 5px; }
p.big { font-size: x-large; font-weight: bold; line-height: 1.8em; }
p.smallSpace { margin: 10px 0 0 0; font-size: small; line-height: 1.2em; }
p.wnew { color:#333333; font-size: x-small; line-height: 1.2em; }
p.goTop a {
	clear: both;
	float: right;
	display: block;
	background: url(/img/common/pagetop.gif) no-repeat;
	margin: 0 13px 15px 5px;
	padding: 8px 0 0;
	width: 57px;
	height: 0;
	overflow: hidden;
}

ol { margin: 10px 0 0 20px; padding: 0 0 0 20px; }
ol li { margin: 0 0 10px; }
ol.base li { width: 500px; padding-top: 1px; }
ul { margin: .5em 0 1em; padding: 0; list-style-type: none; }
ul li { margin: 0; padding: 0 0 3px; }
img { border: 0; }

table th, table td { padding: 8px 5px; }
table.about { margin: 0 0 15px 20px; text-align: left; }
table.about th { background: url(../img/common/th_back.jpg) no-repeat right bottom; width: 150px; }
table.about th.noneback { background: none; width: 150px; }
table.about td { background: url(../img/common/td_back.jpg) repeat-x 0px bottom; width: 330px; }
table.about td.noneback { background: none; width: 330px; }

table.form { border: 0; width: 530px; margin: 10px 0 0 5px; }
table.form th, table.form td { border: 0; }
table.form input { font-size: small; }

table.link_site th, table.link_site td { padding: 8px 5px; }
table.link_site { margin: 0 0 15px 20px; text-align: left; width: 510px; }
table.link_site th { background: url(../img/common/th_back.jpg) no-repeat right bottom; }
table.link_site td { background: url(../img/common/td_back.jpg) repeat-x 0px bottom; }

table.price { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; width: 500px; margin: 0 0 15px 25px; }
table.price th { text-align: center; background-color: #EEEEEE; }
table.price th,
table.price td { border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

form { margin: 0; padding: 0; }

input { background-color: #EEF7F4; }
textarea { background-color: #EEF7F4; }
input:focus { background-color: #FFEACE; }
textarea:focus { background-color: #FFEACE; }

hr { margin: 15px 0 10px 10px; width: 520px; }

address { font-style: normal; text-decoration: none; }


/*
===== 5: 独自要素 =============================================
*/

/*── フォントカラー ──*/

.red { color: #CC3333; }
.pink { color: #CC3366; }
.orange { color: #FF6600; }
.yellow { color: #FC0; }
.green { color: #05A55D; }
.blue { color: #006699; }
.violet { color: #803AAB; }
.white { color: #FFFFFF; }
.gray { color: #666666; }


/*── フォントサイズ ──*/

.small { font-size: small; line-height: 1.4em; }
.smaller { font-size: smaller; line-height: 1.3em; }
.xsmall { font-size: x-small; line-height: 1.2em; }
.big { font-size: x-large; font-weight: bold; line-height: 1.8em; }
.bold { font-weight: bold; }


/*── マージン・インデント ──*/

.m3b { margin-bottom: 3px; }
.m5b { margin-bottom: 5px; }
.m6b { margin-bottom: 6px; }
.m8b { margin-bottom: 8px; }
.m10b { margin-bottom: 10px; }
.m15b { margin-bottom: 15px; }
.m20b { margin-bottom: 20px; }
.m30b { margin-bottom: 30px; }
.m50b { margin-bottom: 50px; }

.m3t { margin-top: 3px; }
.m5t { margin-top: 5px; }
.m8t { margin-top: 8px; }
.m10t { margin-top: 10px; }
.m15t { margin-top: 15px; }
.m20t { margin-top: 20px; }
.m30t { margin-top: 30px; }
.m40t { margin-top: 40px; }
.m52t { margin-top: 52px; }

.p10t { padding-top: 10px; }

.m8l { margin-left: 8px; }
.m10l { margin-left: 10px; }
.m15l { margin-left: 15px; }
.m20l { margin-left: 20px; }

.m5r { margin-right: 5px; }
.m8r { margin-right: 8px; }
.m9r { margin-right: 9px; }
.m10r { margin-right: 10px; }
.m15r { margin-right: 15px; }
.m20r { margin-right: 20px; }
.m30r { margin-right: 30px; }

.p3t { padding-top: 3px; }

.p5b { padding-bottom: 5px; }
.p10b { padding-bottom: 10px; }
.p15b { padding-bottom: 15px; }

.p10r { padding-right: 10px; }
.p40r { padding-right: 40px; }
.p3l { padding-left: 3px; }
.p20l { padding-left: 20px; }

.cen { text-align: center; }
.clear { clear: both; }
.right { text-align: right; }
.fLeft { float: left; }
.fRight { float: right; }

img.imgRight { margin: 0 0 0 10px; float: right; }
img.imgLeft { margin: 0 10px 0 0; float: left; }

.inH2a { margin: 0 20px 30px 25px; }
.inH2right { margin: 0 20px 30px 220px; }
.inH2,
.inH3,
.inH4 { margin: 0 20px 10px 25px; }
.inH3a,
.inH4a { margin: 0 20px 20px 25px; }

.btn { margin: 0 0 15px 5px; text-align: right; width: 529px; }
.btn2 { margin: 0 0 15px; text-align: right; width: 201px; }
.btn3 { margin: 0; text-align: right; width: 201px; }
.btn4 { text-align: center; }


/* ホーム */

#pr {
	border: 1px solid #CCC; 
	margin: 0 15px;
	padding: 6px 10px;
	font-size: 85%;
	line-height: 1.4;
}
#pr a {
	color: #666;
}

.h3link { text-align: right; margin: 0 0 0 200px; }
#h3box {
	clear: both;
	background: url(../img/common/h3_back.jpg) no-repeat;
	height: 65px;
	width: 522px;
	margin: 0 0 7px;
	padding: 18px 0 0 28px;
}
#h3box:after { /* clearfix */ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

#h3box a {
	font-size: 85%;
	font-weight: normal;
	float: right;
	margin: 0 30px 0 0;
}

#h3box2 {
	background: url(../img/common/h3_back.jpg) no-repeat;
	height: 65px;
	width: 550px;
	margin: 0 0 7px;
	padding: 18px 0 0 28px;
}

#webe {
	background: url(/img/common/bnr_webe.jpg) no-repeat;
	display: block;
	width: 540px;
	height: 0;
	overflow: hidden;
	margin: 0 0 10px 5px;
	padding: 120px 0 0;
}

.servImg {
	float: right;
	margin: 0 0 10px 10px;
}

.line01 {
	background: url(../img/common/line01.jpg) no-repeat;
	height: 12px;
	width: 530px;
	margin: 7px 0 0;
}
.line02 {
	background: url(../img/common/line01.jpg) no-repeat;
	height: 12px;
	width: 500px;
	margin: 0 0 15px 25px;
}

.stitleBox { padding: 10px 0 0 30px; margin: 0 0 15px; }

#pTitle {
	display: block;
	background: url(../img/home/portfolio_back03.jpg) no-repeat;
	height: 0;
	width: 221px;
	overflow: hidden;
	padding: 107px 0 0;
}

#inquiry {
	width: 550px;
	margin: 0 0 15px;
}
#inquiry a {
	display: block;
	background: url(/img/common/bnr_inquiry01.jpg) no-repeat;
	height: 0;
	overflow: hidden;
	padding: 130px 0 0;
}
#portfolio {
	background: url(../img/home/portfolio_back04.jpg) no-repeat 0 bottom;
	width: 221px;
	margin: 0 0 5px;
	padding: 14px 0 15px;
	font-size: small;
	font-weight: normal;
}

#blog a {
	background: url(/img/common/bnr_blog.jpg) no-repeat;
	display: block;
	height: 0;
	padding: 105px 0 0;
	overflow: hidden;
	width: 221px;
	margin: 0 0 5px;
}

#bnrIcon a {
	background: url(/img/common/bnr_iconsozai.jpg) no-repeat;
	display: block;
	height: 0;
	padding: 84px 0 0;
	overflow: hidden;
	width: 221px;
	margin: 0 0 5px;
}

#coding a {
	background: url(/img/common/bnr_coding.png) no-repeat;
	display: block;
	height: 0;
	padding: 70px 0 0;
	overflow: hidden;
	width: 222px;
	margin: 0 0 5px;
}
.jisseki a {
	display: block;
	background: url(/img/home/btn_portfolio.jpg) no-repeat;
	margin: 0 0 0 85px;
	width: 121px;
	height: 0;
	overflow: hidden;
	padding: 35px 0 0;
}

#news {
	margin: 0 0 15px 16px;
	width: 515px;
	height: 180px;
	padding: 10px 0;
	overflow: auto;
	border: 1px inset #DDDDDD;
}

#news dl {
	background: url("../img/common/line01.jpg") no-repeat bottom;
	clear: both;
	padding: 0 0 10px;
	margin: 3px 0 3px;
}
#news dl dt {
	color: #F60;
	display: block;
	float: left;
	margin: 10px 10px 0 0;
	padding: 0 0 0 16px;
	width: 80px;
}

#news dl dd {
	display: block;
	float: left;
	margin: 10px 0 0;
	padding: 0;
	width: 385px;
}

/*── つぶやき ──*/
#news2 { margin: 0 0 0 16px; width: 515px; height: 180px; padding: 10px 0; overflow: auto; border: 1px inset #DDDDDD; }
#news2 dl { background: url("../img/common/line01.jpg") no-repeat bottom; clear: both; padding: 0 0 10px; margin: 3px 0 3px; }
#news2 dl dt { color: #F60; display: block; float: left; margin: 10px 10px 0 0; padding: 0 0 0 16px; width: 80px; }
#news2 dl dd { display: block; float: left; margin: 10px 0 0; padding: 0; width: 385px; }


#ankerInLink { background-image: url(../img/common/link_line.gif); background-repeat: repeat-y; margin: 0 0 10px 0; padding: 2px 0 5px 18px; }
.inLink {
	background: url(../img/common/icon02.gif) no-repeat;
	padding: 0 0 0 12px;
}

#btnConts { margin: 0 0 10px; padding: 6px 0 0 37px; width: 175px; height: 29px; font-size: 14px; }
#btnConts a { display: block; text-decoration: none; }

.btnConts {
	background: url(../img/common/smenu_back.jpg) no-repeat;
	font-size: 14px;
	margin: 0 0 10px;
	padding: 9px 0 0 37px;
	width: 180px;
	height: 26px;
}
.btnConts a { display: block; text-decoration: none; }


/*── ニュースリリース用 ──*/
.asset-body,
.asset-more { margin: 0 20px 10px 42px; }
.content-nav { margin: 0 20px 10px 25px; }
.asset-meta { margin: 0 20px 10px 42px; padding: 20px 0 0; }
.newstitle { font-size: 12px; font-weight: bold; margin: 0 0 0 25px; padding: 20px 0 0; }


/*── PLink コピーライト ──*/
.plink {
	font-size:x-small;
	text-align: right;
	width: 520px;
}


/*PHOTO*/
.picture {
    border: 1px solid #ccc;
}

/* 商品
----------------------------------------------- */
div#detailarea {
    width: 500px;
    margin: 0 0 25px 18px;
}

div#detailphotoblock {
    float: left;
    width: 260px;
		margin: 0 0 10px;
}

div#detailphotoblock p {
    margin: 5px 0 0 0;
}

div#detailrightblock {
    float: right;
    width: 225px;
}

div#detailrightblock li {
    display: inline;
}

div#detailrightblock h2 {
    margin: 5px 0;
    padding: 0;
    color: #ff6600;
    font-size: 140%;
    font-weight: bold;
}

div#detailrightblock dl {
    padding: 15px 0 0 0;
}

div#detailrightblock dt {
    font-weight: bold;
    padding: 0 0 0 15px;
    background: url("../img/common/arrow_gray.gif") no-repeat left center;
}

div#detailrightblock dd {
    margin: 0 15px 0 0;
}

div#detailrightblock .box54 {
    width: 54px;
    border: solid 1px #ccc;
}

div#detailrightblock .btn {
    clear: both;
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    text-align: center;
    background: url("../img/common/line_280.gif") no-repeat;
}

/* 商品
----------------------------------------------- */
div.listareabox {
	width: 540px;
	margin: 0 0	0	12px;
}
div.listarea {
	display: block;
	float: left;
  width: 175px;
  padding: 0;
	margin: 0 0 15px;
	background: url(../img/service/listBox02.jpg) repeat-y;
}
h2.sozainame {
	margin: 0;
	font-size: 12px;
	width: 140px;
	height: 27px;
	padding: 13px 0 0 35px;
	background: url(../img/service/listBox01.jpg) no-repeat;
}
div.listphoto {
	margin: 0;
  width: 134px;
	padding: 0 0 0 21px;
}
.cartbtn {
	margin: 0 auto;
}
.cartbtn img {
  display: block;
  margin: 0 auto 0;
}
.listBoxEnd {
	clear: both;
	background: url(../img/service/listBox03.jpg) no-repeat;
	width: 172px;
	height: 20px;
}

.paging { margin: 0 0 0 25px; }
.debug { border: 1px solid #FF0000; }

#emergency {
	border:1px solid #FF0000;
	margin: 8px 10px 15px 15px;
	padding: 10px;
}


/*
===== 6: アクセシビリティ =============================================
*/

.hide { height: 0; width: 0; overflow: hidden; position: absolute; /* for the benefit of IE5 Mac */ }


/*
===== 7: 不具合回避 =============================================
*/


/* WindowsIE以外に適用 */
/* html>body #menu ul li img { vertical-align: bottom; }	画像下の隙間をなくす */

/* MacIE5.xを除くWindowsIE4〜6だけに適用 */

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

/* MacIE5.x意外に適用 \*/
* html #banner { height: 1%; display: block; }
* html #blog { height: 160px; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* html h3.side { font-size: smaller; }
/* * html セレクタ { height: 1%; }	WindowsIE6配置バグ解消 */
/* //MacIE5.x意外に適用 */

/* MacIE5.xとWindowsIE4〜6だけに適用 */
* html #footer p { padding-right: 0; }
* html #conTitle { margin-top: 5px; }

html>body h3.side { font-size: x-small; }	/* Opera文字サイズ対策 */
head:first-child+body h3.side { font-size: smaller; }	/* 最新ブラウザ文字サイズ対策 */

/* デバッグ用 */
/* border: 1px solid #FF0000; */
.bold { font-weight: bold; }