@charset "UTF-8";

/**
 *	=RESET
 */
	html,body,div,p,ul,ol,li,dl,dt,dd,pre,h1,h2,h3,h4,h5,h6,table,th,td,form,fieldset,input,textarea,select,img { margin: 0px; padding: 0px; }
	ul,ol { list-style: none; }
	table { border-collapse: separate; border-collapse: collapse\9; border-spacing: 0; }
	caption,th { text-align: left; }
	th,td { empty-cells: show; }
	img,fieldset { border: 0px; }
	img { vertical-align: bottom; }
	label { margin-left: .3em; }
	input { vertical-align: .1em; }
	textarea { font-size: 1em; }

/**
 *	=FONTS
 *
 *	18px: 1.385em
 *	17px: 1.308em
 *	16px: 1.231em
 *	15px: 1.154em
 *	14px: 1.077em
 *	13px: 1em
 *	12px: .924em
 *	11px: .847em
 *	10px: .77em
 */
	body { font-size: 100.01%; line-height: 1.5; font-family: 'ＭＳ Ｐゴシック'\9; }
	div,p,pre,ul,ol,dl,dt,dd,table,h1,h2,h3,h4,h5,h6 { font-size: 13px; font-size: 81.25%\9; }
	div,p,pre,ul,ol,dl,dt,dd,em { font-style: normal; }
	em { font-weight: bold; }
	div div,div p,div pre,div ul,div ol,div dl,div dt,div dd,div table,div h1,div h2,div h3,div h4,div h5,div h6 { font-size: 100%; }

/**
 *	=GENERAL
 */
html { min-height: 100%; height: auto; }
body { background: #fef8fb; text-align: center; margin: 0 auto; }
#wrapper { width: 950px; margin: 0 auto; text-align: left; }
#contents-left { width: 613px; float: left; }
#contents-right { width: 258px; float: right; }
#contents-right li { margin-bottom: 15px; }

.ref { font-size: .847em; }

a { color: #f873a0; font-weight: bold; text-decoration: underline; }
a:hover { color: #e7316e; }

a.link-newpage { padding-right: 14px; background: url(../images/icn_open_off.png) no-repeat right top; }
a.link-newpage:hover { background: url(../images/icn_open_on.png) no-repeat right top; }
a.close { padding-right: 15px; background: url(../images/icn_close_off.png) no-repeat right top; }
a.close:hover { background: url(../images/icn_close_on.png) no-repeat right top; }

a.on  { top:0; overflow:hidden; display:block; position:relative;border:solid 0px white; }
a.on:hover { border:solid 0px red; }
a.on:hover img { position:absolute;top:0;left:0;border:solid 0px gray; }

#btn_pagetop { clear: both; text-align: right; }
#btn_pagetop a { padding-right: 15px; background: url(../images/icn_pagetop_off.png) no-repeat right top; }
#btn_pagetop a:hover { padding-right: 15px; background: url(../images/icn_pagetop_on.png) no-repeat right top; }

a#buzzcomm { width: 221px; height: 51px; display: block; float: right;}
a#buzzcomm:hover img { top: -51px; }

#header-contents { margin-bottom: 10px; }
#header { margin: 10px 15px 5px; }
#logo { width: 225px; float: left; display: inline; margin-right: 27px; padding-top: 9px; }
#catch { width: 417px; float: left; display: inline; margin-right: 29px; padding-top: 5px; }
#catch a { width: 417px; height: 50px; }
#catch a:hover img { top: -50px; }


#gnavi li { float: left; display: inline; margin-right: 4px; position: relative; width: 227px; height: 41px; overflow: hidden; }
#gnavi li img { border: solid 0px white; }
#gnavi li a:hover, #gnavi li a:hover img { border: solid 0px gray; }
#gnavi_top img { position: absolute; top: 0; left: 0; }
#gnavi_top a:hover img { top: -41px; }
#gnavi_story img { position: absolute; top: 0; left: -227px; }
#gnavi_story a:hover img { top: -41px; }
#gnavi_lifestyle img { position: absolute; top: 0; left: -454px; }
#gnavi_lifestyle a:hover img { top: -41px; }
#gnavi_dev img { position: absolute; top: 0; left: -681px; }
#gnavi_dev a:hover img { top: -41px; }
#gnavi li#gnavi_dev { margin-right: 0; }

body#top #gnavi_top img { top: -41px; left: 0px; cursor: default; }
body#story #gnavi_story img { top: -41px; left: -227px; cursor: default; }
body#lifestyle #gnavi_lifestyle img { top: -41px; left: -454px; cursor: default; }
body#dev #gnavi_dev img { top: -41px; left: -681px; cursor: default; }
	


#contents { position: relative; margin-bottom: 15px; }
#mainbox { padding: 24px; background: #fff; border-left: 1px solid #d197a6; border-right: 1px solid #d197a6; }
#title { margin-bottom: 20px; }

#mainbox_top { position: absolute; top: 0; left: 0; z-index: 1; height: 5;overflow: hidden; font-size: 5px; }
#mainbox_btm { background: #fff; height: 5;overflow: hidden; font-size: 5px; }


#buzzlife { position: relative; background: #fff7be; margin-bottom: 25px; }
#buzzbox { padding: 13px 15px; }
#buzzbox_top { position: absolute; top: 0; left: 0; z-index: 1; 5;overflow: hidden; font-size: 5px; }
#buzzbox_btm { background: #fff; 5;overflow: hidden; font-size: 5px; }


#footer { height: 44px; background: url(../images/bg_footer.png) repeat-x center bottom; }
#footer-inner { width: 950px; margin: 0 auto; text-align: right;}
#footer-inner div { padding: 25px 15px 0 0; }


/**
 * CLEAR HACK
 */
	div:after,ul:after,ol:after,li:after,dl:after { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
	div,ul,ol,dl { display: block; zoom: 1; }