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

/* サイトアンパイアウェブサイト common css file */


/*==== [ common id and class ] ====================================================================*/
/* ==[ page and base object ]== */

html{
	height:100%; width:100%;
	background:#F9FAF4 url('../img/common/bg_main.png') top center repeat-x;
}
body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}
div#container{
	margin:0 auto;
	width:100%;
	min-height:100%;
	position:relative;
}
div.home{
		background:url('../img/home/bg_image.png') 0px 133px repeat-x;
}
body > #container {
	height:auto;
}
*html div#container{
	height:100%;
}
div#baseMain{
	width:100%;
	margin:0 auto;
	padding-bottom:93px;
}
div#baseFooter{
	position:absolute;
	bottom:0px;
	width:100%;
	height:93px;
	background:url('../img/common/bg_footer.png') top center repeat-x;
}


/* ==[ page basic object ]== */

div#baseMain div#header{
	display:block;
	width:800px;
	height:75px;
	margin:0 auto;
	position:relative;
}
div#baseMain div#mainNaviBox{
	display:block;
	width:800px;
	height:58px;
	margin:0 auto;
}
div#baseMain div#topImage{
	display:block;
	width:800px;
	height:260px;
	margin:0 auto;
}
div#baseMain div#contentMain{
	display:block;
	width:800px;
	margin:0 auto;
	position:relative;
	z-index:11;
}
div#baseFooter div#btmNaviBox{
	display:block;
	width:800px;
	height:32px;
	margin:0 auto;
}
div#baseFooter div#footer{
	display:block;
	width:800px;
	margin:0 auto;
}


/* ==[ navi ]== */
div#mainNaviBox{
	position:relative;
	z-index:21;
}
div#mainNaviBox ul li{
	float:left;
	list-style-type:none;
	position:relative;
}

div#mainNaviBox ul li,
div#mainNaviBox ul li a{
	display:block;
	height:58px;
	text-indent:-8000px;
}
div#mainNaviBox ul li.home{
	background:url('../img/common/navi_home1.png') bottom left no-repeat;
	width:90px;
}
div#mainNaviBox ul li.about{
	background:url('../img/common/navi_about1.png') bottom left no-repeat;
	width:140px;
}
div#mainNaviBox ul li.service{
	background:url('../img/common/navi_service1.png') bottom left no-repeat;
	width:124px;
}
div#mainNaviBox ul li.regist{
	background:url('../img/common/navi_regist1.png') bottom left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.casestudy{
	background:url('../img/common/navi_casestudy1.png') bottom left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.support{
	background:url('../img/common/navi_support1.png') bottom left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.inquiry{
	background:url('../img/common/navi_inquiry1.png') bottom left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.shop{
	background:url('../img/common/navi_shop1.png') bottom left no-repeat;
	width:90px;
}


div#mainNaviBox ul li.home a{
	background:url('../img/common/navi_home1.png') top left no-repeat;
	width:90px;
}
div#mainNaviBox ul li.about a{
	background:url('../img/common/navi_about1.png') top left no-repeat;
	width:140px;
}
div#mainNaviBox ul li.service a{
	background:url('../img/common/navi_service1.png') top left no-repeat;
	width:124px;
}
div#mainNaviBox ul li.regist a{
	background:url('../img/common/navi_regist1.png') top left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.casestudy a{
	background:url('../img/common/navi_casestudy1.png') top left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.support a{
	background:url('../img/common/navi_support1.png') top left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.inquiry a{
	background:url('../img/common/navi_inquiry1.png') top left no-repeat;
	width:89px;
}
div#mainNaviBox ul li.shop a{
	background:url('../img/common/navi_shop1.png') top left no-repeat;
	width:90px;
}


div#mainNaviBox ul li.home a:hover{
	background:url('../img/common/navi_home1.png') bottom left no-repeat;
}
div#mainNaviBox ul li.about a:hover{
	background:url('../img/common/navi_about1.png') bottom left no-repeat;
}
div#mainNaviBox ul li.service a.active,
div#mainNaviBox ul li.service a:hover{
	background:url('../img/common/navi_service1.png') bottom left no-repeat;
}
div#mainNaviBox ul li.regist a:hover{
	background:url('../img/common/navi_regist1.png') bottom left no-repeat;
}
div#mainNaviBox ul li.casestudy a:hover{
	background:url('../img/common/navi_casestudy1.png') bottom left no-repeat;
}
div#mainNaviBox ul li.support a.active,
div#mainNaviBox ul li.support a:hover{
	background:url('../img/common/navi_support1.png') bottom left no-repeat;
}
div#mainNaviBox ul li.inquiry a:hover{
	background:url('../img/common/navi_inquiry1.png') bottom left no-repeat;
}
div#mainNaviBox ul li.shop a:hover{
	background:url('../img/common/navi_shop1.png') bottom left no-repeat;
}



div.submenu {
	position:absolute;
	display:block;
	padding:0 5px 7px 5px;
	text-indent:-8000px;
	top:58px; left:-6px;
	visibility:hidden;
  z-index:211;
}


div#menu1{
	width:141px;
	background:url('../img/common/pulldown_shadow.png') bottom left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a{
	margin-left:4px;
	height:30px;
}
div#mainNaviBox ul li.service div#menu1 a#item01{
	background:url('../img/common/navi_dd21.png') top left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item02{
	background:url('../img/common/navi_dd22.png') top left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item03{
	background:url('../img/common/navi_dd23.png') top left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item04{
	background:url('../img/common/navi_dd24.png') top left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item05{
	background:url('../img/common/navi_dd25.png') top left no-repeat;
	height:29px;
}
div#mainNaviBox ul li.service div#menu1 a#item01:hover{
	background:url('../img/common/navi_dd21.png') bottom left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item02:hover{
	background:url('../img/common/navi_dd22.png') bottom left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item03:hover{
	background:url('../img/common/navi_dd23.png') bottom left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item04:hover{
	background:url('../img/common/navi_dd24.png') bottom left no-repeat;
}
div#mainNaviBox ul li.service div#menu1 a#item05:hover{
	background:url('../img/common/navi_dd25.png') bottom left no-repeat;
}



div#menu2{
	width:146px;
	background:url('../img/common/pulldown_shadow2.png') bottom left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a{
	margin-left:4px;
	height:30px;
	width:128px;
}
div#mainNaviBox ul li.support div#menu2 a#item11{
	background:url('../img/common/navi_dd51.png') top left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a#item12{
	background:url('../img/common/navi_dd52.png') top left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a#item13{
	background:url('../img/common/navi_dd53.png') top left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a#item14{
	background:url('../img/common/navi_dd54.png') top left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a#item11:hover{
	background:url('../img/common/navi_dd51.png') bottom left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a#item12:hover{
	background:url('../img/common/navi_dd52.png') bottom left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a#item13:hover{
	background:url('../img/common/navi_dd53.png') bottom left no-repeat;
}
div#mainNaviBox ul li.support div#menu2 a#item14:hover{
	background:url('../img/common/navi_dd54.png') bottom left no-repeat;
}


/* ==[ bottom navi ]== */
div#baseFooter div#btmNaviBox ul li{
	float:left;
	list-style-type:none;
}
div#baseFooter div#btmNaviBox ul li a{
	display:block;
	height:32px;
	text-indent:-8000px;
}
div#baseFooter div#btmNaviBox ul li.company a{
	background:url('../img/common/bnavi_company1.png') top left no-repeat;
	width:75px;
}
div#baseFooter div#btmNaviBox ul li.privacy a{
	background:url('../img/common/bnavi_privace1.png') top left no-repeat;
	width:121px;
}
div#baseFooter div#btmNaviBox ul li.sitemap a{
	background:url('../img/common/bnavi_sitemap1.png') top left no-repeat;
	width:85px;
}
div#baseFooter div#btmNaviBox ul li.company a:hover{
	background:url('../img/common/bnavi_company1.png') bottom left no-repeat;
}
div#baseFooter div#btmNaviBox ul li.privacy a:hover{
	background:url('../img/common/bnavi_privace1.png') bottom left no-repeat;
}
div#baseFooter div#btmNaviBox ul li.sitemap a:hover{
	background:url('../img/common/bnavi_sitemap1.png') bottom left no-repeat;
}




/* ==[ ヘッダ ]== */
div#baseMain div#header div#logo a{
	display:block;
	width:226px;
	height:32px;
	position:absolute;
	top:40px;
	left:3px;
	background:url('../img/common/logo.png') top left no-repeat;
	text-indent:-8000px;
}

/* ==[ フッタ ]== */
div#baseFooter div#footer div#nsLogo a{
	display:block;
	width:112px;
	height:26px;
	margin:10px auto 0 auto;
	background:url('../img/common/ns_logo.png') top left no-repeat;
	text-indent:-8000px;
}


/* ==[ main content ]== */

div#baseMain div#contentMain div#columnL{
	float:left;
	width:583px;
	padding-bottom:40px;
}
div#baseMain div#contentMain div.clColumnL{
	float:left;
	width:583px;
}
div#baseMain div#contentMain div#columnR{
	float:left;
	width:217px;
	padding-bottom:40px;
}
div#baseMain div#contentMain div.clColumnR{
	float:left;
	width:217px;
	position:relative;
}

div#baseMain div#contentMain div.columnContainer{
	position:relative;
	padding-bottom:40px;
}


/* ==[ side content ]== */
div#toiawase {
	display:block;
	width:217px;
	height:125px;
	background:url('../img/common/banner_toiawase.png') top left no-repeat;
	position:relative;
}
div#toiawase a{
	display:block;
	width:181px;
	height:30px;
	background:url('../img/common/btn_toiawase.png') top left no-repeat;
	text-indent:-8000px;
	position:absolute;
	top:89px;
	left:18px;
}
div#toiawase a:hover{
	background:url('../img/common/btn_toiawase.png') bottom left no-repeat;
}

div#categoryList{
	display:block;
	width:217px;
	height:95px;
	background:url('../img/common/bg_category.png') top left no-repeat;
	position:relative;
}
div#categoryList div.cateBtn1{
	padding:28px 3px 0 3px;
}
div#categoryList div.cateBtn1 a{
	text-indent:-8000px;
	display:block;
	width:211px;
	height:30px;
	background:url('../img/common/btn_cate58i.png') top left no-repeat;
}
div#categoryList div.cateBtn1 a:hover{
	background:url('../img/common/btn_cate58i.png') bottom left no-repeat;
}

div#categoryList div.cateBtn2{
	padding:3px 3px 0 3px;
}
div#categoryList div.cateBtn2 a{
	text-indent:-8000px;
	display:block;
	width:211px;
	height:30px;
	background:url('../img/common/btn_cateother.png') top left no-repeat;
}
div#categoryList div.cateBtn2 a:hover{
	background:url('../img/common/btn_cateother.png') bottom left no-repeat;
}
div#isms{
	text-align:center;
	padding-top:15px;
}
div#baseMain div#contentMain div.toPageTop{
	position:absolute;
	bottom:40px;
	right:0px;
}
div.toPageTop a{
	display:block;
	width:217px;
	height:30px;
	text-indent:-8000px;
	background:url('../img/common/topagetop.png') top left no-repeat;
}
div.toPageTop a:hover{
	background:url('../img/common/topagetop.png') bottom left no-repeat;
}

div#baseMain div#contentMain div.toPageTop2{
	position:absolute;
	bottom:0px;
	right:0px;
}
div.toPageTop2 a{
	display:block;
	width:78px;
	height:11px;
	text-indent:-8000px;
	background:url('../img/common/topagetop2.png') top left no-repeat;
}



/* ==[ common Basic ]== */
p, ul, ol, li { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; }
.clear { clear:both; }
*html div.clear { font-size:1px; }
.left { text-align:left; }
.right{ text-align:right; }
.center { text-align:center; }
.valSuper { vertical-align:super; font-size:smaller; }
.valBtm { vertical-align:bottom; }
.nowrap { white-space:nowrap; }
.pre { white-space:pre; }

a { text-decoration:none; }
img { border:none; }

table{ border:none; padding:0; border-collapse:collapse; }

iframe { border:none; }

/* ==[ form object ]== */
form { padding:0; margin:0; }

.lform, .lform20, .lform30, .lform50, .lform80, 
.lform100, .lform150, .lform200, .lform250, .lform280, 
.lform300, .lform350, .lform400{

	border:solid #8fc31f 1px;
	margin:0px;
	padding: 2px 5px;
	background:#FFFFFF;
	font-family: verdana,sans-serif;
	font-size: 12px;
	color:#000000;
	height:16px;
}
.lformPop {
	background:#FFFFFF;
	border:solid #8fc31f 1px;
	font-size: 12px;
	min-width:60px;
}
.lform20 { width:20px; }
.lform30 { width:30px; }
.lform50 { width:50px; }
.lform80 { width:80px; }
.lform100 { width:100px; }
.lform150 { width:150px; }
.lform200 { width:200px; }
.lform250 { width:250px; }
.lform280 { width:280px; }
.lform300 { width:300px; }
.lform350 { width:350px; }
.lform400 { width:400px; }


/* ==[ font color ]== */
.f_col_ppl { color: #ba55d3; }
.f_col_r { color: #ac0000; }
.f_col_or { color: #FF3600; }
.f_col_p { color:#cb177a; }


/*==== [ margin and padding class ] ====================================================================*/
/* ==[ top margin ]== */
.tm0  { margin-top:0px; }
.tm1  { margin-top:1px; }
.tm2  { margin-top:2px; }
.tm3  { margin-top:3px; }
.tm4  { margin-top:4px; }
.tm5  { margin-top:5px; }
.tm6  { margin-top:6px; }
.tm7  { margin-top:7px; }
.tm8  { margin-top:8px; }
.tm9  { margin-top:9px; }
.tm10 { margin-top:10px; }
.tm11 { margin-top:11px; }
.tm12 { margin-top:12px; }
.tm13 { margin-top:13px; }
.tm14 { margin-top:14px; }
.tm15 { margin-top:15px; }
.tm20 { margin-top:20px; }
.tm25 { margin-top:25px; }
.tm30 { margin-top:30px; }
.tm35 { margin-top:35px; }
.tm40 { margin-top:40px; }
.tm45 { margin-top:45px; }

.tm50 { margin-top:50px; }
.tm60 { margin-top:60px; }
.tm70 { margin-top:70px; }
.tm80 { margin-top:80px; }
.tm90 { margin-top:90px; }
.tm100 { margin-top:100px; }
.tm120 { margin-top:120px; }

/* ==[ top padding ]== */
.tp0, .tbp0 { padding-top:0px; }
.tp1, .tbp1 { padding-top:1px; }
.tp2, .tbp2 { padding-top:2px; }
.tp3, .tbp3 { padding-top:3px; }
.tp4, .tbp4 { padding-top:4px; }
.tp5, .tbp5 { padding-top:5px; }
.tp6, .tbp6 { padding-top:6px; }
.tp7, .tbp7 { padding-top:7px; }
.tp8, .tbp8 { padding-top:8px; }
.tp9, .tbp9 { padding-top:9px; }
.tp10, .tbp10 { padding-top:10px; }
.tp11, .tbp11 { padding-top:11px; }

.tp12, .tbp12 { padding-top:12px; }
.tp13, .tbp13 { padding-top:13px; }
.tp14, .tbp14 { padding-top:14px; }
.tp15, .tbp15 { padding-top:15px; }
.tp16, .tbp16 { padding-top:16px; }
.tp17, .tbp17 { padding-top:17px; }
.tp18, .tbp18 { padding-top:18px; }
.tp19, .tbp19 { padding-top:19px; }
.tp20, .tbp20 { padding-top:20px; }
.tp25, .tbp25 { padding-top:25px; }
.tp30, .tbp30 { padding-top:30px; }
.tp35, .tbp35 { padding-top:35px; }
.tp40, .tbp40 { padding-top:40px; }
.tp45, .tbp45 { padding-top:45px; }
.tp50, .tbp50 { padding-top:50px; }
.tp60, .tbp60 { padding-top:60px; }
.tp70, .tbp70 { padding-top:70px; }
.tp80, .tbp80 { padding-top:80px; }
.tp90, .tbp90 { padding-top:90px; }
.tp100, .tbp100 { padding-top:100px; }
.tp150, .tbp100 { padding-top:150px; }
.tp200, .tbp100 { padding-top:200px; }

/* ==[ bottom padding ]== */
.bp0, .tbp0 { padding-bottom:0px; }
.bp1, .tbp1 { padding-bottom:1px; }
.bp2, .tbp2 { padding-bottom:2px; }
.bp3, .tbp3 { padding-bottom:3px; }
.bp4, .tbp4 { padding-bottom:4px; }
.bp5, .tbp5 { padding-bottom:5px; }
.bp6, .tbp6 { padding-bottom:6px; }
.bp7, .tbp7 { padding-bottom:7px; }
.bp8, .tbp8 { padding-bottom:8px; }
.bp9, .tbp9 { padding-bottom:9px; }
.bp10, .tbp10 { padding-bottom:10px; }
.bp11, .tbp11 { padding-bottom:11px; }
.bp12, .tbp12 { padding-bottom:12px; }
.bp13, .tbp13 { padding-bottom:13px; }
.bp14, .tbp14 { padding-bottom:14px; }
.bp15, .tbp15 { padding-bottom:15px; }
.bp16, .tbp16 { padding-bottom:16px; }
.bp17, .tbp17 { padding-bottom:17px; }
.bp18, .tbp18 { padding-bottom:18px; }

.bp19, .tbp19 { padding-bottom:19px; }
.bp20, .tbp20 { padding-bottom:20px; }
.bp25, .tbp25 { padding-bottom:25px; }
.bp30, .tbp30 { padding-bottom:30px; }
.bp35, .tbp35 { padding-bottom:35px; }
.bp40, .tbp40 { padding-bottom:40px; }
.bp45, .tbp45 { padding-bottom:45px; }
.bp50, .tbp50 { padding-bottom:50px; }
.bp60, .tbp60 { padding-bottom:60px; }
.bp70, .tbp70 { padding-bottom:70px; }
.bp80, .tbp80 { padding-bottom:80px; }
.bp90, .tbp90 { padding-bottom:90px; }
.bp100, .tbp100 { padding-bottom:100px; }

/* ==[ right padding ]== */
.rp0, .lrp0   { padding-right:0px; }
.rp1, .lrp1   { padding-right:1px; }
.rp2, .lrp2   { padding-right:2px; }
.rp3, .lrp3   { padding-right:3px; }
.rp4, .lrp4   { padding-right:4px; }
.rp5, .lrp5   { padding-right:5px; }
.rp6, .lrp6   { padding-right:6px; }
.rp7, .lrp7   { padding-right:7px; }
.rp8, .lrp8   { padding-right:8px; }
.rp9, .lrp9   { padding-right:9px; }
.rp10, .lrp10 { padding-right:10px; }
.rp11, .lrp11 { padding-right:11px; }
.rp12, .lrp12 { padding-right:12px; }
.rp13, .lrp13 { padding-right:13px; }
.rp14, .lrp14 { padding-right:14px; }
.rp15, .lrp15 { padding-right:15px; }
.rp16, .lrp16 { padding-right:16px; }
.rp17, .lrp17 { padding-right:17px; }
.rp18, .lrp18 { padding-right:18px; }
.rp19, .lrp19 { padding-right:19px; }
.rp20, .lrp20 { padding-right:20px; }
.rp25, .lrp25 { padding-right:25px; }
.rp30, .lrp30 { padding-right:30px; }

.rp35, .lrp35 { padding-right:35px; }
.rp40, .lrp40 { padding-right:40px; }
.rp45, .lrp45 { padding-right:45px; }
.rp50, .lrp50 { padding-right:50px; }
.rp60  { padding-right:60px; }
.rp70  { padding-right:70px; }
.rp80  { padding-right:80px; }
.rp90  { padding-right:90px; }
.rp100 { padding-right:100px; }

/* ==[ left padding ]== */
.lp0, .lrp0   { padding-left:0px; }
.lp1, .lrp1   { padding-left:1px; }
.lp2, .lrp2   { padding-left:2px; }
.lp3, .lrp3   { padding-left:3px; }
.lp4, .lrp4   { padding-left:4px; }
.lp5, .lrp5   { padding-left:5px; }
.lp6, .lrp6   { padding-left:6px; }
.lp7, .lrp7   { padding-left:7px; }
.lp8, .lrp8   { padding-left:8px; }
.lp9, .lrp9   { padding-left:9px; }
.lp10, .lrp10 { padding-left:10px; }
.lp11, .lrp11 { padding-left:11px; }
.lp12, .lrp12 { padding-left:12px; }
.lp13, .lrp13 { padding-left:13px; }
.lp14, .lrp14 { padding-left:14px; }
.lp15, .lrp15 { padding-left:15px; }
.lp16, .lrp16 { padding-left:16px; }
.lp17, .lrp17 { padding-left:17px; }
.lp18, .lrp18 { padding-left:18px; }
.lp19, .lrp19 { padding-left:19px; }
.lp20, .lrp20 { padding-left:20px; }
.lp25, .lrp25 { padding-left:25px; }
.lp30, .lrp30 { padding-left:30px; }
.lp35, .lrp35 { padding-left:35px; }
.lp40, .lrp40 { padding-left:40px; }
.lp45, .lrp45 { padding-left:45px; }
.lp50, .lrp50 { padding-left:50px; }
.lp60  { padding-left:60px; }

.lp70  { padding-left:70px; }
.lp80  { padding-left:80px; }
.lp90  { padding-left:90px; }
.lp100 { padding-left:100px; }