@charset "UTF-8";
*{ margin:0; padding:0; }
html,body { height:100%; }
body {
	width:100%;
	margin:0 auto;
	padding:0;
	background:#d0d0d0 url(../img/common/bg.jpg) repeat-x left top;
	font-size:13px;
	line-height:1.4em;
	color:#333333;
	text-align:center;
	font-family:"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3" , Arial, Helvetica, sans-serif;
}
body.bdy_news		{ background:#d0d0d0 url(../img/common/bg-yellow.jpg) repeat-x left top; }
body.bdy_company	{ background:#d0d0d0 url(../img/common/bg-lime.jpg) repeat-x left top; }
body.bdy_career		{ background:#d0d0d0 url(../img/common/bg-lime.jpg) repeat-x left top; }
body.bdy_access		{ background:#d0d0d0 url(../img/common/bg-purple.jpg) repeat-x left top; }
body.bdy_contact	{ background:#d0d0d0 url(../img/common/bg-orange.jpg) repeat-x left top; }
body.bdy_about		{ background:#d0d0d0 url(../img/common/bg-green.jpg) repeat-x left top; }
body.bdy_terms		{ background:#d0d0d0 url(../img/common/bg-green.jpg) repeat-x left top; }
body.bdy_privacy	{ background:#d0d0d0 url(../img/common/bg-green.jpg) repeat-x left top; }
body.bdy_whatsag	{ background:#d0d0d0 url(../img/common/bg-red.jpg) repeat-x left top; }
body.bdy_sitemap	{ background:#d0d0d0 url(../img/common/bg-red.jpg) repeat-x left top; }
body.bdy_404		{ background:#d0d0d0 url(../img/common/bg-404.jpg) repeat-x left top; }


/* * * * * * * * * * * * * * * * * * * *
 *	H1, H2, H3                         *
 * * * * * * * * * * * * * * * * * * * */
h1 {
	float:left;
	display:block;
}
h1 a {
	width:137px;
	height:40px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:20px;
	overflow:hidden;
}
h2 {
	width:700px;
	height:34px;
	margin:21px 0 8px;
	background:transparent url(../img/common/bg_h2.gif) no-repeat left top;
	color:#ffffff;
	font-weight:normal;
	font-size:14px;
	line-height:2.4em;
	text-indent:13px;
	display:block;
	clear:both;
}
h3 {
	width:700px;
	height:30px;
	margin:21px 0 8px;
	background:transparent url(../img/common/bg_h3.gif) no-repeat left top;
	color:#ffffff;
	font-weight:normal;
	font-size:14px;
	line-height:2.2em;
	text-indent:25px;
	display:block;
	clear:both;
}
h5 {
	margin-bottom:8px;
	padding-left:16px;
	font-size:14px;
}

/* * * * * * * * * * * * * * * * * * * *
 * UL OL                               *
 * * * * * * * * * * * * * * * * * * * */
ul { margin:0; padding:0; list-style-type:none; }
ol { margin:8px 0 10px 30px; }
ul.disc { margin-left:20px; list-style-type:disc; }
.lmb13 li { margin-bottom:13px; }
ul.headline {
	margin-bottom:20px;
}
ul.headline li {
	padding:8px 0;
	border-bottom:1px dotted #333333;
}


textarea {
	width:460px;
	height:150px;
	font-size:100%;
	font-family:"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3" , Arial, Helvetica, sans-serif;
}


/* * * * * * * * * * * * * * * * * * * *
 *	WRAPPER                            *
 * * * * * * * * * * * * * * * * * * * */
#wrap {
	width:100%;
	height:100%;
	min-height:100%;
	height:auto !important;
	margin:0 auto -60px;
	overflow:auto;
	position:relative;
}


/* * * * * * * * * * * * * * * * * * * *
 *	CONTAINER                          *
 * * * * * * * * * * * * * * * * * * * */
#container {
	width:953px;
	margin:0 auto;
	text-align:left;
}


/* * * * * * * * * * * * * * * * * * * *
 *	HEADER                             *
 * * * * * * * * * * * * * * * * * * * */
#header {
	height:74px;
	background:transparent url(../img/header/bg.jpg) no-repeat left top;
}
#header ul {
	float:right;
}
#header ul li {
	float:left;
}
#header li a.whats {
	width:127px;
	height:18px;
	margin:30px 30px 0 0;
	background:transparent url(../img/header/whats.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
}
#header li a.whats:hover { background-position:left -18px; }

#header li a.sitemap {
	width:72px;
	height:18px;
	margin:30px 0 0 0;
	background:transparent url(../img/header/sitemap.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
}
#header li a.sitemap:hover { background-position:left -19px; }


/* * * * * * * * * * * * * * * * * * * *
 *	primaryNavi                        *
 * * * * * * * * * * * * * * * * * * * */
#primaryNavi {
	height:46px;
	background:url(../img/footer/bg.gif) left top;
}
#primaryNavi li{
	float:left;
}
#primaryNavi li a {
	width:136px;
	height:46px;
	background:transparent url(../img/menu/bg.png) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
#primaryNavi li a:hover {
	background-position:bottom;
}

#primaryNavi li.home a		 { background-position: left top; }
#primaryNavi li.home a:hover { background-position: left bottom; }

#primaryNavi li.serv a		 { background-position:-136px top; }
#primaryNavi li.serv a.now,
#primaryNavi li.serv a:hover { background-position:-136px bottom; }

#primaryNavi li.news a		 { background-position:-272px top; }
#primaryNavi li.news a.now,
#primaryNavi li.news a:hover { background-position:-272px bottom; }

#primaryNavi li.comp a		 { background-position:-408px top; }
#primaryNavi li.comp a.now,
#primaryNavi li.comp a:hover { background-position:-408px bottom; }

#primaryNavi li.recr a		 { background-position:-544px top; }
#primaryNavi li.recr a.now,
#primaryNavi li.recr a:hover { background-position:-544px bottom; }

#primaryNavi li.acce a		 { background-position:-680px top; }
#primaryNavi li.acce a.now,
#primaryNavi li.acce a:hover { background-position:-680px bottom; }

#primaryNavi li.cont a		 { width:137px; background-position:-816px top; }
#primaryNavi li.cont a.now,
#primaryNavi li.cont a:hover { width:137px; background-position:-816px bottom; }


/* * * * * * * * * * * * * * * * * * * *
 *	TITLE                              *
 * * * * * * * * * * * * * * * * * * * */
#title {
	height:130px;
	background:transparent url(../img/title/service.jpg) no-repeat left top;
	text-indent:-9999px;
}
.bdy_news #title		{ background:transparent url(../img/title/news.jpg) no-repeat left top; }
.bdy_company #title		{ background:transparent url(../img/title/company.jpg) no-repeat left top; }
.bdy_career #title		{ background:transparent url(../img/title/carrer.jpg) no-repeat left top; }
.bdy_access #title		{ background:transparent url(../img/title/access.jpg) no-repeat left top; }
.bdy_contact #title		{ background:transparent url(../img/title/contact.jpg) no-repeat left top; }
.bdy_about #title		{ background:transparent url(../img/title/about.jpg) no-repeat left top; }
.bdy_terms #title		{ background:transparent url(../img/title/terms.jpg) no-repeat left top; }
.bdy_privacy #title		{ background:transparent url(../img/title/privacy.jpg) no-repeat left top; }
.bdy_whatsag #title		{ background:transparent url(../img/title/whats.jpg) no-repeat left top; }
.bdy_sitemap #title		{ background:transparent url(../img/title/sitemap.jpg) no-repeat left top; }
.bdy_404 #title			{ background:transparent url(../img/title/404.jpg) no-repeat left top; }


/* * * * * * * * * * * * * * * * * * * *
 *	TOPIC PATH                         *
 * * * * * * * * * * * * * * * * * * * */
#topicPath {
	width:953px;
	height:30px;
	background:transparent url(../img/topicpath/bg.gif) no-repeat -1px top;
	_background-position:-2px;
	font-size:12px;
	line-height:2.5em;
	border-left:1px solid #888888;
}
*html #topicPath ul {
	margin-left:-15px;
}
#topicPath li {
	margin:0 0 0 15px;
	float:left;}
#topicPath li a {
	height:30px;
	padding:0 25px 0 0;
	color:#333333;
	text-decoration:none;
	background:transparent url(../img/topicpath/arrow.gif) no-repeat right top;
	display:block;
	float:left;
}

/* * * * * * * * * * * * * * * * * * * *
 *	MAIN CONTENTS                      *
 * * * * * * * * * * * * * * * * * * * */
#mainContents {
	width:953px;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	float:left;
}
#mainContents ul {
	margin-bottom:13px;
}

/* * * * * * * * * * * * * * * * * * * *
 *	MAIN                               *
 * * * * * * * * * * * * * * * * * * * */
#main {
	width:700px;
	padding-bottom:100px;
	float:left;
}
#main p {
	margin:0 0 13px;
}
#main a {
	color:#f0459a;
	border-bottom:0px dotted #f0459a;
	text-decoration:underline;
}
#main img.bd {
	padding:5px;
	border:1px solid #333333;
	background:#fff;
}
#map {
	width:700px;
	height:360px;
	margin:10px0 20px;
}
.service_web a {
	width:699px;
	height:122px;
	margin-bottom:20px;
	background:transparent url(../img/service/ad.png) no-repeat left top;
	border:0 !important;
	text-indent:-9999px;
	display:block;
}
.service_ict a {
	width:699px;
	height:122px;
	margin-bottom:20px;
	background:transparent url(../img/service/ict.png) no-repeat left top;
	border:0 !important;
	text-indent:-9999px;
	display:block;
}
.service_mar a {
	width:699px;
	height:122px;
	margin-bottom:20px;
	background:transparent url(../img/service/mar.png) no-repeat left top;
	border:0 !important;
	text-indent:-9999px;
	display:block;
}
.service_bra a {
	width:699px;
	height:122px;
	margin-bottom:20px;
	background:transparent url(../img/service/bra.png) no-repeat left top;
	border:0 !important;
	text-indent:-9999px;
	display:block;
}


/* * * * * * * * * * * * * * * * * * * *
 *	SIDE                               *
 * * * * * * * * * * * * * * * * * * * */
#side {
	width:213px;
	float:right;
}
#secondaryNavi {
	height:172px;
	margin-bottom:20px;
	background:transparent url(../img/side/bg.gif) no-repeat left bottom;
}
#secondaryNavi li a {
	width:213px;
	height:29px;
	padding:11px 0 0 0;
	background:transparent url(../img/side/bg_menu.gif) no-repeat left -40px;
	color:#ffffff;
	text-decoration:none;
	text-indent:33px;
	display:block;
}
#secondaryNavi li a.now,
#secondaryNavi li a:hover		{ background-position:-213px -40px; }

#secondaryNavi li.web a			{ background:transparent url(../img/side/bg_menu.gif) no-repeat left top; }
#secondaryNavi li.web a.now,
#secondaryNavi li.web a:hover	{ background-position:-213px top; }

a#shiryo {
	width:214px;
	height:83px;
	background:transparent url(../img/side/shiryo.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
}
a#shiryo:hover {
	background-position:left -83px;
}

/* * * * * * * * * * * * * * * * * * * *
 *	FOOTER                             *
 * * * * * * * * * * * * * * * * * * * */
#privacy {
	background:url(../img/footer/bg.gif) left top;
}


#footer {
	width:100%;
	height:60px;
	background:url(../img/footer/bg.gif) left top;
	position:relative;
	bottom:0;
	clear:both;
}
#footer #container {
	height:30px;
	color:#ffffff;
}
#footer #container ul {
	float:left;
}
#footer #container #tertiaryNavi { 
	float:right;
}
ul#tertiaryNavi li {
	margin-right:30px;
	float:left;
}
ul#tertiaryNavi li.last {
	margin-right:0 !important;
}
#tertiaryNavi li a {
	padding-left:15px;
	background:url(../img/common/arrow_white.gif) no-repeat left 6px;
	_background-position:left 4px;
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#f0459a;
}

#pagetop {
	width:953px;
	height:13px;
	position:relative;
	top:-13px;
}
#pagetop a {
	width:70px;
	height:13px;
	background:transparent url(../img/common/pagetop.gif) no-repeat left top;
	text-indent:-9999px;
	float:right;
	display:block;
}
#pagesupport {
	width:465px;
	height:40px;
	position:relative;
	top:-13px;
}
#pagesupport a {
	display:block;
	margin-top:15px;
	width:230px;
	height:40px;
	background:transparent url(../img/merchant/contact.png) no-repeat left top;
	text-indent:-9999px;
	float:right;
	display:block;
}
#tel {
	width:300px;
	height:100px;
	position:relative;
	top:0px;
	left:200px;
}

#tel img.tel1 {
	width:300px;
	height:60px;
	background:transparent url(../img/merchant/tel1.png) no-repeat left top;
	text-indent:-9999px;
	float:right;
	display:block;
}

#tel a.tel2 {
	width:300px;
	height:60px;
	background:transparent url(../img/merchant/tel2.png) no-repeat left top;
	text-indent:-9999px;
	float:right;
	display:block;
}

/* * * * * * * * * * * * * * * * * * * *
 *	TABLE                              *
 * * * * * * * * * * * * * * * * * * * */
table {
	border-collapse:collapse;
	border-spacing:0;
}
table tr {
	border:1px solid #b6b6b6;
}
table tr th {
	width:150px;
	padding:5px 20px;
	background:#5e5e5e;
	border:1px solid #b6b6b6;
	color:#ffffff;
}
table tr td {
	padding:5px 20px;
	background:#eaeaea;
	border:1px solid #b6b6b6;
}


/* * * * * * * * * * * * * * * * * * * *
 *	DL DT DD                           *
 * * * * * * * * * * * * * * * * * * * */
dl dt {
	padding:10px 18px;
	border-bottom:1px solid #333333;
	background:transparent url(../img/common/arrow_white.gif) no-repeat left 16px;
}
dl dt a { color:#333333 !important; border:0 !important; }
dl dd {
	padding:10px 50px;
	border-bottom:1px dotted #333333;
	background:transparent url(../img/common/arrow_pink.gif) no-repeat 38px 16px;
}
dl dd a { color:#333333 !important; border:0 !important; }


/* * * * * * * * * * * * * * * * * * * *
 *	CONTACT BUTTON                     *
 * * * * * * * * * * * * * * * * * * * */
#btn_area {
	width:700px;
	padding:10px 0 0 200px;
	text-align:center;
}
#btn_area li:hover { background-position:left -43px; }
#btn_submit {
	width:180px;
	height:43px;
	background:transparent url(../img/contact/btn_sub2.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:0 !important;
	float:left;
	display:block;
}
#btn_sub3 {
	width:180px;
	height:43px;
	background:transparent url(../img/contact/btn_submit.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:0 !important;
	float:left;
	display:block;
}

#btn_reset {
	width:117px;
	height:43px;
	margin-left:30px;
	background:transparent url(../img/contact/btn_reset.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:0;
	border-bottom:0 !important;
	float:left;
	display:block;
}
#btn_edit {
	width:117px;
	height:43px;
	margin-left:30px;
	background:transparent url(../img/contact/btn_edit.gif) no-repeat left top;
	text-indent:-9999px;
	overflow:hidden;
	border-bottom:0;
	border-bottom:0 !important;
	float:left;
	display:block;
}


/* * * * * * * * * * * * * * * * * * * *
 *	OTHER                              *
 * * * * * * * * * * * * * * * * * * * */
.txtB		{ font-weight:bold; }
.txtPink	{ color:#f0459a; }
.txtPinkB	{ color:#f0459a; font-weight:bold; }

.wdbx320 { width:320px; }

.mgnt20	{ margin-top:20px; }
.mgnt37	{ margin-top:37px; }
.mgnb20	{ margin-bottom:20px; }
.mgnb20l20	{ margin-top:10px; margin-bottom:20px; margin-left:20px; margin-right:2px; border:0; }


.fltr	{ float:right; }
.fltl	{ float:left; }

#entrance{ background-color: #eaeaea; }
#entrance img{ display: block; }
#entrance p{ padding: 6px; }