/* common
--------------------------------------------------------------------------------*/
.container {
	width: 728px;
	padding: 0 0 0 12px;
}

.cont {
	background: url(../images/cont_bg.gif) repeat-y;
	width: 744px;
}

.cont .contBtm {
	background: #FFF;
	margin: 0 0 0 12px;
}


/* float hack ---- */
.outBox:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both; /* DW */
}
*html .outBox {	display: inline-block;	}
*:first-child+html .outBox {	display: inline-block;	}
/* no mac IE \*/
*html .outBox {	height: 1%;	}
*:first-child+html .outBox {	height: 1%;	}
.outBox {	display: block;	}
/* */


.fltL {	float: left;	}
.fltR {	float: right;	}



/* header --------------------------------- */
#header {
	background: url(/common/images/h_bg.gif) no-repeat;
	width: 744px;
}
#header .fltL {
	padding: 4px 0 4px 30px;
}
#header ul {
	font-size: 1%;
	line-height: 1%;
	list-style-type: none;
	margin: 28px 0 0 0;
}
#header li {
	float: left;
}


/* font button --------------------------------- */
#ftBtn {
	background: url(/common/images/ftBtn_bg.gif) no-repeat;
	width: 744px;
}
#ftBtn .fltR .fltL {
	width: 636px;
	text-align: right;
}
#ftBtn ul {
	width: 92px;
	font-size: 1%;
	line-height: 1%;
	list-style-type: none;
	float: right;
}
#ftBtn li {
	float: left;
	height: 28px;
}
#ftBtn li#fontsizeS {
	width: 29px;
	background: url(/common/images/ftBtn_s_r.gif) no-repeat;
}
#ftBtn li#fontsizeM {
	width: 31px;
	background: url(/common/images/ftBtn_m_r.gif) no-repeat;
}
#ftBtn li#fontsizeL {
	width: 32px;
	background: url(/common/images/ftBtn_l_r.gif) no-repeat;
}


/* title --------------------------------- */
#ttl {
	background: url(/common/images/ttl_bg.gif) repeat-y;
	width: 744px;
}


/* gnav --------------------------------- */
ul#gnav {
	font-size: 1%;
	line-height: 1%;
	list-style-type: none;
}
ul#gnav li {
	float: left;
}


/* lnav --------------------------------- */
.cont #lnav {
	width: 181px;
	float: right;
}
.cont #lnav ul {
	list-style-type: none;
}
.cont #lnav li a {
	display: block;
	width: 170px;
	text-decoration: none;
	background: url(../images/lnav_line.gif) no-repeat left bottom;
	padding: 6px 0 7px 11px;
}
.cont #lnav li a span {
	display: block;
	background: url(../images/link02.gif) no-repeat 0 0.6em;
	padding: 0 0 0 11px;
}
.cont #lnav li a:hover, .cont #lnav li a:active {
	background: #FEE0D0 url(../images/lnav_line.gif) no-repeat left bottom;
}
.cont #lnav li a.actv {
	color: #000;
	background: #FEE0D0 url(../images/lnav_line.gif) no-repeat left bottom;
}

.cont #lnav li.noline a {
	background: none;
}
.cont #lnav li.noline a:hover, .cont #lnav li.noline a:active {
	background: #FEE0D0;
}
.cont #lnav li.noline a.actv {
	color: #000;
	background: #FEE0D0;
}

.cont #lnav div {
	text-align: center;
}


/* pankuzu --------------------------------- */
#pankuzu {
	text-align: right;
	padding: 5px 16px 15px 16px;
}
#pankuzu p {
	color: #797265;
	margin:0;
}


/* footer --------------------------------- */
#footer {
	width: 704px;
	background: #797265;
	padding: 12px;
	margin: 0 0 0 12px;
}
#footer .fltR {
	padding: 7px 0 0 0;
}
#footer ul {
	list-style-type: none;
}
#footer ul a:link, #footer ul a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer ul a:hover, #footer ul a:active {
	color: #FFF;
	text-decoration: underline;
}
#footer li {
	float: left;
	color: #BCB9B2;
	padding: 0 10px 0 0;
}



/* TOP
--------------------------------------------------------------------------------*/
.topCont {
	background: url(/images/idx_cont_bg.gif) repeat-y;
}
.topCont .container {
	background: url(/images/line01.gif) repeat-y 335px 0;
}

.topLnkBox {
	background: url(/images/idx_box_bg01.jpg)	no-repeat;
}
.topLnkBox .fltL {
	width: 121px;
	padding: 9px 12px;
}
.topLnkBox p {
	color: #DDDBD4;
	margin: 4px 0 0 0;
}
.topLnkBox ul {
	list-style-type: none;
}
.topLnkBox li {
	background: url(/images/idx_link01.gif) no-repeat 0 0.55em;
	padding: 0 0 3px 11px;
}
.topLnkBox ul a:link, .topLnkBox ul a:visited,  .topLnkBox ul a:hover, .topLnkBox ul a:active {
	color: #FEA471;
}

.topBtn01 {
	padding: 5px 0 1px 0;
}

.topCont .fltL .hl01 {
	margin: 0 0 9px 0;
}

.topCont .topInfo {
	width: 324px;
	padding: 0 0 15px 0;
}
.topCont .topInfo dl {
	width: 300px;
	margin: 0 0 3px 12px;
}
.topCont .topInfo dt {
	width: 6em;
}
.topCont .topInfo dd {
	margin: -1.5em 0 0 6em;
}

.topCont .topBlog {
	width: 223px;
	padding: 0 0 15px 0;
}
.topCont .topBlog .fltL img {
	margin: 0 12px;
}
.topCont .topBlog .fltL dl {
	width: 118px;
}
.topCont .topBlog .fltL dt {
	color: #FF4200;
	font-weight: bold;
}
.topCont .topBlog .fltL .topBtn01 img {
	margin: 0;
	padding: 2px 0 0 0;
}

.topCont .fltR {
	width: 165px;
	padding: 12px 8px;
}
.topCont .fltR img {
	margin: 0 0 10px 0;
}



/* win ie 5
----------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}}; @import '/common/css/winie5.css';
 {;}/*";}}/* */

@media tty {i{content:"\";/*" "*/}}@m; @import '/common/css/winie5.css';
 {;}/*";}}/* */

