@charset "utf-8";
/* ------------------------------------------------------------ common */
#index { background: url(../images/bg/index_body_01.jpg); }

#view { background: url(../images/view/index_01.png) no-repeat 0 40px; clear: both; padding: 80px 0 0 190px; position: relative; min-height: 308px; }
#view h2,
#view p { font-size: 24px; font-weight: bold; line-height: 32px; }
#view p span { font-size: 80px; font-weight: bold; display: block; line-height: 94px; }
#view p span small { font-size: 40px; }
#view #unafuji { position: absolute; right: 0; top: 0px; }

#wrap-buttons { background: #004886; height: 50px; position: relative; }
#buttons { width: 1050px; position: absolute; right: 50%; top: -70px; margin-right: -530px; }
#buttons a { display: block; float: left; padding: 0 5px; }

#flow { background: #fff5df; width: 980px; padding: 10px 0; margin: 20px auto 0;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#flow h3 { text-align: center; padding: 10px 0; }
#flow ul { background: url(../images/pic/index_02.jpg) no-repeat center top; height: 124px; padding: 225px 10px 0; margin: 10px 0 10px; }
#flow ul li { width: 260px; padding: 0 30px; float: left; }
#flow ul li h4 { font-size: 18px; font-weight: bold; }

#index { padding: 0 0 30px; }
#index #lead { background: url(../images/bg/lead_01.png) no-repeat; width: 952px; height: 284px; margin: 80px auto 0; padding: 0 0 10px; }
#index #lead div { width: 640px; padding: 50px 0 0 270px; }
#index #lead div h3 { font-weight: bold; font-size: 24px; color: #111; }
#index #lead div p { font-size: 13px; }

#tweet { width: 965px; padding: 0 0 50px; margin: 0 auto 20px; }
#tweet h3 { background: url(../images/tweet/tweet_01.gif) no-repeat; background-position: 0 3px; margin: 30px 0 10px; padding: 0 0 0 50px; color: #353535; font-weight: bold; font-size: 20px; line-height: 41px; }
#tweet #tweet_frame { background: url(../images/tweet/border_01.gif) repeat-x #FBF5EA; width: 960px; height: 400px; padding: 20px 0 0; }
#tweet #tweet_frame div.inner { height: 400px; overflow: auto; }
#tweet #tweet_frame div.inner div { padding: 20px; }
#tweet #tweet_frame div.inner div img { float: left; clear: both; margin: 10px 0; }
#tweet #tweet_frame div.inner div p { background: #fff; padding: 15px 20px; margin: 5px 0; width: 770px; float: left; }
#tweet #tweet_frame div.inner div p span { display: block; font-weight: bold; font-size: 11px; color: #929292; }

/* ------------------------------------------------------------ magzy */
#magzy-list { background: url(../images/bg/charapedia_01.png) no-repeat; width: 959px; height: 315px; margin: 30px auto 50px; padding: 0 9px; }
#magzy-list a { color: #333; }
#magzy-list h3 { color: #fff; font-weight: bold; text-align: center; padding: 5px 0 10px; font-size: 24px; }
#magzy-list div.article { float: left; background: #fff; margin: 0 0 10px 10px; }
#magzy-list div.article div.thumb { position: relative; }
#magzy-list div.article div.thumb span { display: block; position: absolute; bottom: 1px; left: 0; font-size: 10px; color: #fff; line-height: 14px; padding: 2px 0; width: 70px; text-align: center; }
#magzy-list div.article div.detail { width: 160px; float: left; padding: 10px; }
#magzy-list div.article div.detail h4 { border-bottom: 1px solid #ccc; padding: 0 0 5px; font-size: 12px; }
#magzy-list div.article div.detail h4 a { font-weight: bold; }
#magzy-list div.article div.detail p.summary { font-size: 12px; padding: 5px 0 0; }
#magzy-list div.article div.detail p.summary a { background: url(../images/icn/arrow_01.gif) no-repeat 145px 4px; display: block; text-align: right; font-weight: bold; padding: 0 20px; }
#magzy-list div.article div.detail p.title { font-weight: bold; font-size: 11px; color: #999; }
#magzy-list div.article div.detail p.title small { display: inline-block; *display: block; *zoom: 1; font-size: 10px; padding: 0 15px 0; text-align: center; line-height: 16px; color: #fff; }

#magzy-list div.article div.detail p.title span { display: inline-block; *display: block; *zoom: 1; font-size: 11px; float: right; font-weight: bold; }