@charset "utf-8";
/************************************************

  layout.css
   - www.pakusuku.jp

   auth: Eri Suzuki
   date: 2011/02/07
   copyright(c) 2011 Prophet.co.,Ltd

************************************************/

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


/* HEADER_STYLE			*************************************/
#header {
	background: 				none;
	margin:						0px 0px 8px 0px;
	padding: 					0px 0px;
}

#srchBox, #regstBox {
	float:						left;
	width:						313px;
	height:93px;
	padding:0;
	margin:						0 0 0 10px;
}

#srchBox .srch{
	width:						245px;
	margin:						0 5px 0 0;
	/margin:					0 5px 0 -10px;
}

p#loginName {
	height:						21px;
	background:					url(/shared/img/bg_header_01.gif) no-repeat;
	margin:						8px 0 5px 0;
	padding:					5px 0 0 15px;
	font-weight:				bold;
	font-family: 				"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6",Meiryo,"メイリオ",verdana,arial,"lucida grande",sans-serif;
}

p.helpMenu {
	background:					url(/shared/img/icon_header_02.gif) no-repeat left center;
	display:					inline;
	padding:					0 0 0 15px;
	margin:						5px 0 0 7px;
	float:						right;
}


/* HEADERMENU_STYLE		*************************************/
ul#headerMenu {
	width:						970px;
	height:						48px;
	margin:						0 0;
	_margin:					0 0 0 0px;
	padding:					0 0;
	list-style-type: 			none;
	clear:						both;
	box-shadow:						1px 2px 4px rgb(172, 172, 127);
	-moz-box-shadow:				1px 2px 4px rgb(172, 172, 127);
	-webkit-box-shadow:				1px 2px 4px rgb(172, 172, 127);
}
ul#headerMenu li {
	float:						left;
	padding:					0px 0px;
	height:						48px;
}


/* NAVIGATOR_STYLE		*************************************/
#navigator {
	width:						99%;
	_width:						100%;
	height:						13px;
	padding:					0px;
	margin:						0 0 10px 0;
}

#navigator ul {list-style-type: none;}
#navigator li {float: left;}


/* TAB_STYLE			*************************************/
#tabMenu {height:32px;}
#tabMenu ul {list-style-type: none; margin:0 10px;}
#tabMenu li {float: left;}


/* MAINCONTENT_STYLE	*************************************/
#mainContent {
	width:						100%;
	margin: 					0px;
	padding: 					0 0px;
	background:					url(/shared/img/bg_main.gif);
	box-shadow:						1px 3px 6px rgb(172, 172, 127);
	-moz-box-shadow:				1px 3px 6px rgb(172, 172, 127);
	-webkit-box-shadow:				1px 3px 6px rgb(172, 172, 127);
}

#mainContent_2col {
	float:						left;
	width:						650px;
	margin: 					0px 10px 10px 0;
	padding: 					0 0px;
	background:					url(/shared/img/bg_main.gif);
	box-shadow:						1px 3px 6px rgb(172, 172, 127);
	-moz-box-shadow:				1px 3px 6px rgb(172, 172, 127);
	-webkit-box-shadow:				1px 3px 6px rgb(172, 172, 127);
}

.inner{
	margin: 					0px 10px 10px 10px;
	padding: 					15px 20px 20px 20px;
	background:					url(/shared/img/bg_inner.gif);
}


/* SUBCONTENT_STYLE 	*************************************/
#subContent {
	float: 						right;
	width: 						300px;
	padding: 					0 0;
	margin:						0px 0 10px 0;
}

.side_bnr {
	margin-bottom:10px;
}

/* newsBox */
.newsBox_t {
	width:300px;
	height:52px;
	margin:0px 0 0 0;
	padding:0px;
	background:						url(/shared/img/newsBox_img_01.gif) no-repeat left top;
}

.newsBox_m {
	width:260px;
	height:auto;
	margin:0;
	padding:0px 20px 10px 20px;
	word-wrap:			 			break-word;
	word-break: 					break-all;
	background:						url(/shared/img/newsBox_img_02.gif) repeat-y;
}

.newsBox_mInner {
	border-bottom:					1px #ff7592 dashed;
	padding:						8px 0 8px 0;
}

.newsBox_b {
	width:260px;
	height:49px;
	margin:0 0 10px 0;
	padding:5px 20px 5px 20px;
	background:						url(/shared/img/newsBox_img_03.gif) no-repeat left top;
}


/* GOTOP_STYLE 			*************************************/
#goTop {
	clear:						both;
	_text-align:				center;
}
.goTop_w {
	width:						980px;
	margin:						0 auto;
	padding: 					0;
	line-height: 				0;
	text-align:					right;
}



/* BOTTOMMENU_STYLE 	*************************************/
#btmMenu {
	background:					url(/shared/img/bg_btmMenu.gif);
	height:						auto;
	float:						left;
	width:						100%;
}

.btmMenuLine {
	background:					url(/shared/img/bg_btmMenu_top.gif) repeat-x left bottom;
	height:						8px;
	margin:						0 0;
	padding:					0 0;
	clear:						both;
}

.btmMenuInner {
	width:						970px;
	margin:						0 auto;
	padding:					0px 0px;
}

.categoryBox {
	float:						left;
	margin:						10px 5px 10px 0px;
	padding:					5px 10px;
	width:						168px;
	text-align:					left;
	height:						/*230px*/auto;
}

.btmMenuIcon {
	height:						16px;
	margin:						0 6px 0 0;
	vertical-align:				middle;
}

ul.categoryBox_list {
	margin:						3px 0 0 22px;
}


/* FOOTER_STYLE 		*************************************/
#footer {
	padding: 					10px 0px;
	margin:						0px 0px;
	background:					url(/shared/img/bg_footer.gif);
	font-size:					85%;
	color:						#FFFFFF;
	text-align:					center;
}

.footerLine {
	background:					url(/shared/img/bg_footerLine.gif) repeat-x;
	_background:				url(/shared/img/bg_footerLine.gif) repeat-x left bottom;
	height:						10px;
	clear:						both;
	margin:						0 0;
	padding:					0;
}

.footerInner {
	width:						970px;
	margin:						0 auto;
	padding:					0px 0px;
}

ul#footerMenu {
	margin:						0px 0 10px 0;
}

ul#footerMenu li {
	display:					inline;
	margin:						0 5px 0 0;
	padding:					0px 0 0px 14px;
	background:					url(/shared/img/icon_arrow.gif) no-repeat left center;
}

ul#footerMenu li a {
	color:						#FFFFFF;
}

.button_style {
	margin:							10px 0 15px 15px;
}

.button_style ul {
	list-style:none;
	float:left;
}
.button_style li {
	float:left;
	width: 8em;
}