@import url(base.css);


body#index { background:url(../img/index/bg_header.jpg) 0 176px repeat-x; }

div#apdoc { display:none; }

div#wrapper {
	width:950px;
	margin:0 auto;
}


/*
----------------------------------------------------------------------------
div#header ヘッダー
----------------------------------------------------------------------------
*/

div#header {
	width:931px;
	margin:0 auto;
}

div#header p#hi01 {
	width:40px;
	padding-top:61px;
	float:left;
}

div#header p#hi03 {
	width:145px;
	padding-top:35px;
	float:left;
}

div#header p#hi04 {
	clear:both;
	width:528px;
	text-align:right;
}

div#header p#hi05 {
	width:17px;
	padding-top:36px;
	float:right;
}

div#header div#headlogo {
	width:178px;
	float:left;
}

div#header h2 {
	width:150px;
	padding-top:20px;
	line-height:100%;
}

div#header div#head-r {
	width:528px;
	float:right;
}

div#header div#hnavbox {
	width:509px;
	float:left;
}

div#hnavbox p {
	width:509px;
	height:31px;
	padding-top:8px;
	text-align:right;
	float:left;
}

div#hnavbox ul#hnav {
	clear:both;
	width:496px;
	height:23px;
	padding:0 0 0 13px;
}

div#hnavbox ul#hnav li {
	height:23px;
	padding:0 0 0 15px;
	float:left;
}

div#hnavbox ul#hnav li#hn01 { width:43px; }
div#hnavbox ul#hnav li#hn02 { width:76px; }
div#hnavbox ul#hnav li#hn03,
div#hnavbox ul#hnav li#hn04 { width:49px; }
div#hnavbox ul#hnav li#hn05 { width:67px; }
div#hnavbox ul#hnav li#hn06 { width:122px; }

div#wrapper div#gnavbox {
	clear:both;
	width:950px;
	height:50px;
	padding-bottom:20px;
}

div#wrapper div#gnavbox p {
	height:24px;
	padding:14px 0 12px;
}

div#wrapper noscript p {
	text-align:center;
}

div#wrapper div#flashnav noscript p {
	padding-top:98px;
}


/*
----------------------------------------------------------------------------
container メインコンテンツ
----------------------------------------------------------------------------
*/

div#wrapper div#container {
	width:950px;
	margin-bottom:30px;
}

div#container div#contbox-l {
	width:720px;
	float:left;
}

div.sidebox {
	clear:both;
	width:200px;
	background:url(../img/common/bg_side_01.gif) top no-repeat;
}

div.sidebox div.sideinfo {
	padding:0 5px;
	background:url(../img/common/bg_side_02.gif) bottom no-repeat;
}

div.sidebox div.sideinfo h4 {
	height:25px;
	padding-top:5px;
}

div#container div#contbox-r {
	width:200px;
	float:right;
}

div#contbox-r div.sidebox {
	margin-bottom:10px;
}

div#contbox-r div#fontbox {
	width:160px;
	height:26px;
	margin:0 auto;
	padding:8px 0 6px;
}

div#fontbox p {
	width:75px;
	height:18px;
	padding-top:6px;
	float:left;
}

div#fontbox ul {
	width:70px;
	float:right;
}

div#fontbox ul li {
	width:31px;
	padding-left:4px;
	float:left;
}

div#fontbox ul li a {
	display:block;
	height:26px;
	text-indent:-9999px;
}

div#fontbox ul li#fs01 a { background:url(../img/common/bt_fontsize01.jpg) no-repeat; }
div#fontbox ul li#fs02 a { background:url(../img/common/bt_fontsize02.jpg) no-repeat; }

div#fontbox ul li#fs01 a:hover { background:url(../img/common/bt_fontsize01.jpg) 0 -26px no-repeat; }
div#fontbox ul li#fs02 a:hover { background:url(../img/common/bt_fontsize02.jpg) 0 -26px no-repeat; }

div#pcardbox p#cardimg {
	padding-bottom:17px;
}

div#pcardbox p#entrydoc {
	height:16px;
	text-align:center;
}

div#pcardbox p#mypagebtn {
	width:170px;
	height:35px;
	margin:0 auto 5px;
}

div#pcardbox p#entrylink {
	width:158px;
	margin:0 auto;
	padding-bottom:12px;
	background:url(../img/common/ic_newentry.gif) 0 0.4em no-repeat;
}

div#pcardbox p#entrylink a {
	padding:0 0 0 11px;
}

div#recruitbox {
	background:url(../img/common/bg_recruit.jpg) top no-repeat;
}

div#recruitbox p#staffdoc {
	padding-bottom:7px;
}

div#recruitbox p#recruitbtn {
	width:170px;
	height:25px;
	margin:0 auto;
	padding-bottom:9px;
}

div#recruitbox p#recruitbtn a:hover { background:url(../img/common/bt_recruit.gif) 0 -25px no-repeat; }

div#contbox-r p#mailmagbtn {
	width:200px;
	height:40px;
	padding-bottom:5px;
}

div#contbox-r p.bnrimg {
	clear:both;
	width:200px;
	padding-bottom:10px;
}

div#contbox-r div#lalacitybnr {
	width:190px;
	height:73px;
	padding:0 5px;
	background:url(../img/common/bg_logolink.gif) bottom repeat-x;
	border-bottom:#FFF 10px solid;
}

div#contbox-r div#lalacitybnr p#lala-l {
	width:90px;
	float:left;
}

div#contbox-r div#lalacitybnr p#lala-r {
	width:82px;
	padding-top:20px;
	float:right;
}

div#contbox-r div#downloadbnr {
	clear:both;
	width:200px;
}

div#contbox-r div#downloadbnr p {
	float:left;
	padding:0 1px 0 0;
}


/*
----------------------------------------------------------------------------
fnav フッターナビゲーション
----------------------------------------------------------------------------
*/

div#fnavbox {
	clear:both;
	width:950px;
	margin-bottom:12px;
}

div#fnavbox p {
	clear:both;
	width:950px;
}

div#fnavbox div#fnavlist {
	width:930px;
	padding:0 9px;
	border-left:#CCC 1px solid;
	border-right:#CCC 1px solid;
}

div#fnavbox ul.fnav {
	clear:both;
	width:930px;
	height:10px;
}

div#fnavbox ul#fnav01 {
	padding:17px 0 15px;
	border-bottom:#B9B8AE 1px dotted;
}

div#fnavbox ul#fnav02 {
	padding:14px 0 10px;
}

div#fnavbox ul.fnav li {
	padding:0 2px 0 13px;
	float:left;
}

div#fnavbox ul#fnav01 li#fn01 { width:136px; }
div#fnavbox ul#fnav01 li#fn02 { width:107px; }
div#fnavbox ul#fnav01 li#fn03 { width:167px; }
div#fnavbox ul#fnav01 li#fn04 { width:73px; }
div#fnavbox ul#fnav01 li#fn05 { width:74px; }
div#fnavbox ul#fnav01 li#fn06 { width:53px; }
div#fnavbox ul#fnav02 li#fn07 { width:97px; }
div#fnavbox ul#fnav02 li#fn08 { width:120px; }
div#fnavbox ul#fnav02 li#fn09 { width:143px; }
div#fnavbox ul#fnav02 li#fn10 { width:107px; }
div#fnavbox ul#fnav02 li#fn11 { width:97px; }
div#fnavbox ul#fnav02 li#fn12 { width:107px; }
div#fnavbox ul#fnav02 li#fn13 { width:97px; }
div#fnavbox ul#fnav02 li#fn14 { width:97px; }

div#footer {
	clear:both;
	width:950px;
	height:38px;
}

div#footer address {
	width:950px;
}


/*
----------------------------------------------------------------------------
huckclearfix クリア
----------------------------------------------------------------------------
*/


div#wrapper:after,
div#header:after,
div#wrapper div#container:after,
div.sideinfo:after,
div#fnavlist:after {
	content: "";
	display: block;
	height:0;
	clear: both;
	visibility:hidden;
	}	

div#wrapper,
div#header,
div#wrapper div#container,
div.sideinfo,
div#fnavlist {
	display:inline-block;
	}
 
/*\*/

* html div#wrapper,
* html div#header,
* html div#wrapper div#container,
* html div.sideinfo,
* html div#fnavlist {
	height:1%;
}

div#wrapper,
div#header,
div#wrapper div#container,
div.sideinfo,
div#fnavlist {
	display:block;
	}

/**/