@charset "utf-8";
@import url('contents.css');
@import url('tag.css');

/* index SITE-NAME:APAMANSHOP BY SQUERE PLANNING
-------------------------------
* wrapper
* header
* glnv
* flash
* contents
*  -main
*		rentNavi
*		buyNavi
*		entry
*		banaBox
*		infoNews
*		info05
*		info06
*  -columnL
*		side
*		innerLeft
*  -extra
*		side
*		innerRight
*		snav
* footer
-------------------------------*/


/*-------------------------------*
 * BaseStyle
 *-------------------------------*/

html { width:910px; width:100%; height:100%; }
body {
	width:100%; height:100%; margin:0px auto; padding:0px; background:#ffffff;
	color:#333333; font-size:12px; line-height:120%; text-align:center;
	/*font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅", sans-serif;*/
}
div, ul, dl { margin:0px; padding:0px; }
img { border:0px; vertical-align:bottom; }
address { font-style:normal; }
a:link {color: #376680;}
a:visited {color: #376680;}
a:hover {color: #78AAC5;}
A:hover img {FILTER: alpha(opacity=70); moz-opacity: 0.6; opacity: 0.6}
img { vertical-align:middle;}

/*-------------------------------*
 * BaseLayout
 *-------------------------------*/
div#wrapper, div#header, div#glnv, div#flash, div#contents, div#main, div#newsBox, div#info05, div#columnL, div#extra, div#footer
	{ position:relative; top:0px; margin:0px auto; }

div#wrapper	{ width:910px; margin:0 auto; text-align:center; }
div#header	{ width:900px; height:100px; overflow:hidden; background:url(/images/common/header_bg.png) no-repeat; position:relative;}
div#headnv	{ width:270px; height:28px; position:absolute; top:0px; left:630px; background:url(/images/common/hdnv_bg.gif) 0 0 no-repeat; }
div#glnv	{ width:900px; height:35px; clear:both; background:url(/images/common/glnv_bg.gif) 0 0 no-repeat; }
div#flash	{
	position: relative;
	z-index:1;
}
div#contents{
	width:900px;
	top:-24px;
	z-index:10;
	text-align:center;
	position: relative;
}
div#main	{ width:508px; top:34px; left:196px; }
div#banaBox { border:1px solid #5d8cc2; }
div#infoNews{}
div#columnL {
	width:191px;
	height:100%;
	left:-508px;
	background:url(/images/common/side_bgtop.gif) 0 0 no-repeat;
	z-index:2;
	position: relative;
}
div#extra	{ width:191px; height:100%; right:0px; background:url(/images/common/side_bgtop.gif) 0 0 no-repeat; }
div.side	{ width:181px; margin:3px auto; overflow:hidden;}
div#footer	{ width:900px; height:43px; background:url(/images/common/footer_w889.gif) 0 0 no-repeat; }

div#header, div#entry, dl#news, div#info05, div#info06, div.side, div#footer { text-align:left; }


/*-------------------------------*
 * Header style
 *-------------------------------*/
div#header div#rogo { position:absolute; left: 0px; top: 0px; }
div#header div#rogo a { width:280px; height:46px; display:block; text-indent:-8888px; }
div#header h1 { width:400px; overflow:hidden; line-height:120%; font-size:100%; font-weight:normal; position:absolute; left: 6px; top: 60px; }
div#headnv ul { list-style:none outside; height:28px; }
div#headnv li { float:left; }
div#headnv li a { position:absolute; top:5px; display:block; float:left;
				  padding:0px; color:#ffffff; text-align:center; text-decoration:none; }
li#hn01 a { background:url(/images/common/hdnv01.gif) 0 0 no-repeat; width:72px; left:10px; }
li#hn02 a { background:url(/images/common/hdnv02.gif) 0 0 no-repeat; width:95px; left:82px; }
li#hn03 a { background:url(/images/common/hdnv03.gif) 0 0 no-repeat; width:92px; left:177px; }
li#hn01 a:hover,li#hn02 a:hover,li#hn03 a:hover { text-decoration:underline;}


/*-------------------------------*
 * Global Navigation style
 *-------------------------------*/
ul#topgl { width:100%;list-style:none inside; height:35px; }
ul#topgl li { float:left; }
ul#topgl li a {
	position:absolute; top:0px; display:block; overflow:hidden;
	height:29px; padding:0px; text-indent:-8888px; text-decoration:none;
}
li#gl01 a { background:url(/images/common/glnv01.gif) center 0 no-repeat; width:120px; left:5px; }
li#gl02 a { background:url(/images/common/glnv02.gif) center 0 no-repeat; width:158px; left:125px; }
li#gl03 a { background:url(/images/common/glnv03.gif) center 0 no-repeat; width:150px; left:283px; }
li#gl04 a { background:url(/images/common/glnv04.gif) center 0 no-repeat; width:153px; left:433px; }
li#gl05 a { background:url(/images/common/glnv05.gif) center 0 no-repeat; width:143px; left:586px; }
li#gl06 a { background:url(/images/common/glnv06.gif) center 0 no-repeat; width:166px; left:729px; }
li#gl01 a:hover,li#gl02 a:hover,li#gl03 a:hover,li#gl04 a:hover,li#gl05 a:hover,li#gl06 a:hover {FILTER: alpha(opacity=60);moz-opacity: 0.6;opacity: 0.6;}




/*-------------------------------*
 * Main Contents style
 *-------------------------------*/
/* container */
div#main .conBox { width:510px; overflow:hidden;}


/* mainNavi
 *-------------------------------*/
#rentNavi, #buyNavi { width:247px; height:265px; position:relative; top:0px; left:0px; overflow:hidden; text-align:left; }
#rentNavi h2, #rentNavi address, #buyNavi h2, #buyNavi address { text-indent:-8888px; }
#rentNavi li a, #buyNavi li a { display:block; width:217px; text-indent:-8888px; overflow:hidden; }

#rentNavi { float:left; background:url(/images/top/bg_rentnavi.gif) 0 0 no-repeat; }
#rentNavi ul { position:relative; top:34px; left:15px; list-style:none outside; }
#rentNavi li { margin:0 0 4px; }
#rentNavi li a { height:74px; }
li#rent01 a { background:url(/images/top/rent01.gif) 0 0 no-repeat; }
li#rent02 a { background:url(/images/top/rent02.gif) 0 0 no-repeat; }


#buyNavi { float:right; background:url(/images/top/bg_buynavi.gif) 0 0 no-repeat; }
#buyNavi ul { position:relative; top:30px; left:15px; list-style:none outside; }
#buyNavi li { margin:0 0 2px; }
#buyNavi li a { height:38px; }
li#buy01 a { background:url(/images/top/buy01.gif) 0 0 no-repeat; }
li#buy02 a { background:url(/images/top/buy02.gif) 0 0 no-repeat; }
li#buy03 a { background:url(/images/top/buy03.gif) 0 0 no-repeat; }
li#buy04 a { background:url(/images/top/buy04.gif) 0 0 no-repeat; }

li#rent01 a:hover,li#rent02 a:hover,li#buy01 a:hover,li#buy02 a:hover,li#buy03 a:hover,li#buy04 a:hover {FILTER: alpha(opacity=60);moz-opacity: 0.6;opacity: 0.6;}



/* main -tit03
 *-------------------------------*/
div#entry { height:100%; border:1px solid #cccccc; overflow:visible; }
div#entry h3 { width:508px; border-top:4px solid #042c87; }
div#entry .entryNote { width:120px; margin:13px 0px 13px 13px; }
div#entry .entryNote img { width:120px; height:100px; }
div#entry .entryTxt { clear:both; height:35px; overflow:visible; padding:4px 0px 0px 14px; background:url(/images/common/list_03.gif) 0 4px no-repeat; }
div#entry:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#topstaff { padding:10px 0px 10px 18px;}

/* center banner
 *-------------------------------*/
div#banaBox img { width:508px; height:47px; }


/* information News area -tit04
 *-------------------------------*/
dl#news { margin:10px 5px 0px; line-height:150%; }
dl#news dt { float:left; padding:0 14px; background:url(/images/common/list_04.gif) 0 center no-repeat; color:#999999; }
dl#news dd:after { content:""; display:block; clear:both; }


/* information Iwakuni area -tit05
 *-------------------------------*/
div#info05 { height:130px; overflow:visible; background:url(/images/top/bg_info_iwakuni.gif) 0 bottom no-repeat; }
div#info05 h3	{ text-indent:-8888px; }
div#info05 p	{ margin-left:205px; margin-top:25px; color:#676767; }
div#info05 ul	{ clear:both; margin-left:205px; line-height:110%; }
div#info05 li	{ float:left; margin-top:6px; padding-left:12px; background:url(/images/common/list_05.gif) 0 0.35em no-repeat; }
div#info05 li a { display:block; width:125px; }
div#info05 ul.clear a { width:auto; }
div#info05 li.reset { background:none; padding:0px 5px; }

/* for IE5-6 */
/* \*/
* html div#info05 li { background:url(/images/common/list_05.gif) 0 0.2em no-repeat; }
/* */


/* information PickUp area -tit06
 *-------------------------------*/
div#info06 { height:100%; border:1px solid #cfcfcf; border-top:0px; background:#ffffff; padding-right:3px;}
h3.recomtop { text-align:left; background:#042c87 url(/images/common/list_06.gif) 10px center no-repeat; vertical-align:middle; color:#FFFFFF; padding:5px 0 5px 27px; }
h3.recomtop img { margin:5px 0px 5px 27px; line-height:25px; vertical-align:middle;}
div.info06-M a, div.info06-S a { display:block; line-height:110%; }

div.info06-M { width:146px; margin:6px 0 3px 3px; padding:6px 17px; background:#faffde; }
div.info06-M img.photo-M { border:3px solid #cccccc; background:#ffffff; width:124px; height:124px; }
div.info06-S { padding:9px 0; background:url(/images/top/line_dot.gif) 3px bottom no-repeat; }
div.info06-S .inner-s		{ }
div.info06-S img.photo		{ float:left; width:45px; height:35px; margin:3px; }
div.info06-S .inner-s img	{ width:45px; height:35px; }
div.info06-S .inner-s p		{ float:left; width:110px; }
div.info06-S .inner-s p a	{ }
div#info06 p span			{ display:inline-block; margin:2px 0; padding:3px; color:#ffffff; font-size:80%; line-height:80%;  }
div#info06 p span.icoRent	{ background:#042c87; }
div#info06 p span.icoBuy	{ background:#990000; }

/* for IE5-6 */
/* \*/
* html div.info06-M	{ margin:6px 0 3px; }
/* */



/*-------------------------------*
 * LeftSide style
 *-------------------------------*/
div.innerLeft	 { border:1px solid #cfcfcf; padding:5px 0px 3px; background:#ffffff; text-align:center; position:relative;}
div.innerLeft ul { list-style:none outside; }
ul#bana li { margin:0px auto 4px; width:171px; }
ul#link li { margin:0px auto 3px; width:171px; }
ul#bana li img,
ul#link li img { width:171px; }



/*-------------------------------*
 * RightSide style
 *-------------------------------*/
div.innerRight { top:0px; left:0px; overflow:hidden; width:181px; 
				background:#cccccc url(/images/common/box_cen.gif) 0 0 repeat-y; text-align:center;}

span.boxTop	{ 	position:relative; top:0px; left:0px; overflow:hidden; width:100%; height:5px; 
				background:#fff url(/images/common/box_top.gif) 0 0 no-repeat; display:inline-block; }
span.boxBtm	{ 	position:relative; top:0px; left:0px; overflow:hidden; width:100%; height:5px;
				background:#fff url(/images/common/box_btm.gif) 0 0 no-repeat; display:inline-block; }


/* CM area -tit07
 *-------------------------------*/
div.innerRight h3 { width:173px; margin:0px auto; background:#ebe6dd url(/images/common/list_06.gif) 8px center no-repeat; }
div.innerRight h3 img { margin:10px 0px 10px 23px; line-height:35px; }
div.innerRight p	{ width:160px; margin:6px 9px 3px; }


/* Side Navigation area
 *-------------------------------*/
ul#snav		{ width:173px; list-style:none inside; overflow:hidden; text-align:left;}
ul#snav li	{ margin:0 0 1px 0; background:#ebf0f3 url(/images/common/list_06.gif) 11px center no-repeat; }
ul#snav li a { display:inline-block; width:100%; padding:10px 0 10px 15px; height:1%; }

/* for IE7+other */
html>body ul#snav { margin:0px auto; }
html>body ul#snav li a { margin-left:15px; }

/* for IE7 */
*:first-child+html ul#snav li a { margin-left:0px; }

/* for IE5-6 */
/* \*/
* html ul#snav li a { padding-left:15px; }
/* */



/*-------------------------------*
 * Footer style
 *-------------------------------*/
div#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* for IE7+other */
html>body div#footer { top:24px; }

/* for IE5-6 */
/* \*/
* html div#footer { top:0px; margin-top:24px; }
/* */


/* footer navigation 
 *-------------------------------*/
div#footer ul { float:left; height:1%; margin:12px 0 0 10px; }
ul#fnav li { float:left; display:block; }
ul#fnav li a, p#copy { color:#333333; }

p#copy { float:right; position:absolute; right:145px;  margin:12px 0px auto 10px; height:1%; }

/* キャンペーン */
/******************************************************************/
div.cam { text-align:left}
div.cam p { width:268px; display:block; float:right;}


/* seminar */
/******************************************************************/

	.BGblue {background-color:#0066FF;color:#FFFFFF; padding:3px;
	}
	.BGpink {
		background-color:#ffe4e1;
	}
	.txtbox1{
		width:216px;
	}
	.ctitle{
		text-align:center;
		color:#FF3366;
		font-size:150%;
	}
	



