@charset "UTF-8";
/*////////////////////////////////////////////////////////////
REALJAPANPROJECT - style.css
------------------------------------------------------------

[Reset] 
	0. Yahoo UI Library: Reset CSS, Fonts CSS
	1. HTML, Body, Anchor
	2. Heading, Form
	3 Others
		3-1. Inline-level Elements
		3-2. Block-level Elements
		3-3. Tool
		3-4. For IE - Page Zoom
[Layout]
	1. Background
	2. Layout
[Navigation] 
	1. Global Navi
[Content]
	1. topic path
	2. Main Body
	3. Page Navi
	4. local menu
[Footer]
[Clearfix]

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

/* ################################################################################
	[Reset] Resetting HTML elements styles
   ################################################################################ */
/* ------------------------------------------------------------
	0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* renders
px      %
-------------
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------- */

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
   ------------------------------------------------------------ */
html {width:100%;overflow-y:scroll;}
body {
	width:100%;
	font-family:Meiryo,'メイリオ','Lucida Grande',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	color:#000;
}
* html body {font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input,select,textarea {font-family:Meiryo,'メイリオ','Lucida Grande',Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック',sans-serif;}
a:link,
a:visited {	color:#000; text-decoration:none; }
a:hover,
a:active  { color:#000; text-decoration: underline; }

/* ------------------------------------------------------------
	2. Heading, Form
   ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {line-height:1.2;}
label {cursor: pointer;}

/* ------------------------------------------------------------
	3. Others
   ------------------------------------------------------------ */
/*  3-1. Inline-level Elements
   ------------------------------------------------- */
img {vertical-align: top; line-height:0;}
a {outline: none;}
object {outline: none;}
strong {font-weight: bold;}
em {font-style:inherit;}

/*  3-2. Block-level Elements
   ------------------------------------------------- */
hr { display: none; }

/*  3-3. Tool
   ------------------------------------------------- */
.clear {
	clear:both;
	font-size:0%;
	line-height:0%;
	height:0%;
	visibility:none;
}
.center {text-align:center;}
.brown {color:#bd6335;}
.red {color:#d90000;}
.strong {font-weight:bold;}
.txt16 {font-size:16px;}
.mb10 {margin:0 0 10px;}
.mb15 {margin:0 0 15px;}

/*  3-4. For IE
   ------------------------------------------------- */
/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* ################################################################################
	[Layout] Setting main structure layout
   ################################################################################ */
/* ------------------------------------------------------------
	1. Background
   ------------------------------------------------------------ */
html {height:100%;}
body {height:auto;min-height:100%;}
* html body {height:100%;}
body {background:#FFF;}
#wrapper {
	height:auto;
	min-height:100%;
	background:#FFF;
}

/* ------------------------------------------------------------
	2. Layout
   ------------------------------------------------------------ */
div#wrapper {
	width:100%;
	text-align:left;
	font-size:93%;/*12px DEFAULT*/
	line-height: 1.4em;
}
div#header {
	width:1000px;
	margin:0 auto;
}
div#content {
	width: 1000px;
	padding:20px 0 40px;
	margin:0 auto;
}
div#primary {
	width:688px;
	float:left;
}
div#secondary {/*Right Float*/
	width:312px;
	float:right;
}
div#footer {
	width:100%;
	padding:20px 0;
	background:#000;
}
#footer #footInner {
	width:1000px;
	margin:0 auto;
	font-size:93%;/*12px DEFAULT*/
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#fff;
}

/* ################################################################################
	[Header] Setting Header Style
   ################################################################################ */
/* ------------------------------------------------------------
	1. sitid
   ------------------------------------------------------------ */
#header .siteName {width:186px;}
#header #homeVisual {width:auto;border:1px solid #000;margin:0 0 10px;}
#header #homeVisual #slideShow {
	width:889px;
	height:393px;
	overflow:hidden;
	position:relative;
	float:left;
	z-index:5;
}
#header #homeVisual ul#slideNav {
	width:889px;
	display:none;
	position:absolute;
	left:0;
	top:50%;
	z-index:10;
	margin:-30px 0 0;
}
#header #homeVisual ul#slideNav #prev {float:left;}
#header #homeVisual ul#slideNav #next {float:right;}
#header #homeVisual ul#slideNav a {display:block;width:50px;height:72px;text-indent:-9999px;}
#header #homeVisual ul#slideNav #prev a {background:url(../images/left-arrow.png) no-repeat 0 0;}
#header #homeVisual ul#slideNav #next a {background:url(../images/right-arrow.png) no-repeat 0 0;}
#header #homeVisual .siteNameVert {width:109px;float:right;}

/* ------------------------------------------------------------
	2. navGlobal
   ------------------------------------------------------------ */
#header #navFunc {
	width:985px;
	padding:0 15px 0 0;
	background:#000;
	height:32px;
}
#header #navFunc ul#navGlobal {
	width:800px;
	height:32px;
	float:left;
}
#header #navFunc ul#navGlobal li {
	float:left;
	width:102px;
}
#header #navFunc #searchbar {
	width:120px;
	float:right;
	padding:5px 0 0;
}
#header #navFunc #searchbar input#search {
	border:0;
	line-height:22px;
	height:22px;
}
#header #navFunc #searchbar input.idleField {
	background:#ddd url(../images/ico_glass.gif) no-repeat 5px 50%;
	padding:0 0 0 20px;
	width:100px;
}
#header #navFunc #searchbar input.focusField {
	background:#ddd;
	padding:0 2px;
	width:116px;
}

/* ################################################################################
	[Primary] Setting Primary Style
   ################################################################################ */
/* ------------------------------------------------------------
	1. common
   ------------------------------------------------------------ */
#primary .blockTtl {
	font-size:124.7%;/*15px<-#wrapper */
	font-weight:bold;
	margin:0 0 15px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* ------------------------------------------------------------
	2. article list
   ------------------------------------------------------------ */
#primary .articleUnit-2cols {
	width:312px;
	margin:0 32px 30px 0;
	padding:0 0 30px;
	float:left;
	position:relative;
}
#primary .articleUnit-3cols {
	width:210px;
	margin:0 13px 30px 0;
	padding:40px 0 30px;
	float:left;
	position:relative;
}
#secondary .articleUnit {
	width:312px;
	margin:0 0 30px 0;
	padding:0 0 30px;
	position:relative;
}
#content .articleTtl {
	width:auto;
	font-size:116%;/*14px<-#wrapper*/
	font-weight:bold;
	margin:0 0 10px;
}
#primary .articleUnit-3cols .articleTtl {
	width:auto;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
#content .articleThumb {
	width:auto;
	border:1px solid #000;
	margin:0 0 10px;
}
#content ul.articleAttr {
	width:auto;
	margin:0 0 5px;
}
#content ul.articleAttr .articleDate {
	width:auto;
	float:left;
}
#content ul.articleAttr .articleCat {
	width:auto;
	float:right;
	background:#000;
	color:#fff;
	padding:0 3px;
	font-size:11px;
}
#content .articleExcerpt {width:auto;}
#content .articleMore {
	width:auto;
	position:absolute;
	bottom:0;
	left:0;
}
#content .btnRT {
/*	width:96px;
    height:20px;*/
	position:absolute;
	bottom:0;
	right:0;
}

/* ------------------------------------------------------------
	2. Detail Page
   ------------------------------------------------------------ */
#primary .entryTtl {width:auto;font-size:148.9%;/*18px<-#wrapper*/font-weight:bold;margin:0 0 20px;}
#primary .entry-asset {width:656px;line-height:1.6;}
#primary .asset-body {width:auto;margin:0 0 15px;font-size:116%;/*14px<-#wrapper*/}
#primary .asset-body h3 {margin:0 0 1em;font-size:114%;/*16px<-.asset-body<-#wrapper*/}
#primary .asset-body p {margin:0 0 2em;}
#primary .asset-body ol,
#primary .asset-body ul {margin:0 0 1.5em;}
#primary .asset-body ol li {list-style:inside decimal;margin:0 0 1em;}
#primary .asset-body ol li ol {margin:0 0 1.5em 1em;}
#primary .asset-body ol li ol li {list-style:inside upper-roman;margin:0;}
#primary .asset-body ul li {list-style:inside disc;margin:0 0 1em;}
#primary .asset-body blockquote {
    margin: 1em 3em;
    border-left: 2px solid #999;
    padding-left: 1em;
}
#primary .asset-body img {border:solid #000 1px;}
#primary .entry-asset .asset-info {width:auto;margin:0 0 40px;}
#primary .entry-asset .asset-info li {float:left;border-right:1px solid #999;padding:0 10px;}
/* #primary .entry-asset .asset-info li.asset-retweet {width:96px;height:20px;} */

/* ------------------------------------------------------------
	3. Search Results
   ------------------------------------------------------------ */
#primary #search-results {width:auto;}
#primary #search-results blockquote {margin:1em 0;}
#primary #noRes {width:656px;font-size:116%;/*14px<-#wrapper*/}
#primary #noRes p {margin:0 0 2em;}
#primary #noRes blockquote p {margin:0;}
#primary #noSearch {width:656px;font-size:116%;/*14px<-#wrapper*/}
#primary #noSearch blockquote p {margin:0;}

/* ------------------------------------------------------------
	4. Page Navi
   ------------------------------------------------------------ */
#primary .pagedNav {
	width:656px;
	padding:20px 0 5px;
	text-align:center;
}
#primary .pagedNav table.navBox {
	width:auto;
	margin:0 auto;
	text-align:center;
	vertical-align:top;
}
#primary .pagedNav table.navBox td span {color:#ccc;}
#primary .pagedNav table.navBox td.prev {width:auto;}
#primary .pagedNav table.navBox td.pageNum {padding:0 10px;width:auto;}
#primary .pagedNav table.navBox td.next {width:auto;}

/* ------------------------------------------------------------
	Extra. Partners
   ------------------------------------------------------------ */
#content #partnersBlock {
	width:1000px;
}
#content #partnersBlock .blockTtl {
	font-size:124.7%;/*15px<-#wrapper */
	font-weight:bold;
	margin:0 0 15px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#content #partnersBlock .partnersRow {
	margin:0 0 40px;
}
#content #partnersBlock .partnersUnit {
	width:500px;
	float:left;
}
#content #partnersBlock .partnersUnit .partnersL {
	width:130px;
	height:130px;
	float:left;
	border:1px solid #000;
	margin:0 24px 0 0;
}
#content #partnersBlock .partnersUnit .partnersR {
	width:320px;
	float:left;
}
#content #partnersBlock .partnersUnit .partnersR .partnersName {
	width:auto;
	font-weight:bold;
	margin:0 0 10px;
}
#content #partnersBlock .partnersUnit .partnersR .partnersExpl {
	width:auto;
	text-align:justify;
}

/* ################################################################################
	[Secondary] Setting Secondary Style
   ################################################################################ */
#secondary .side_ad {
	width:300px;
	margin:0 auto 20px;
	text-align:center;
}
#secondary .blockTtl {
	font-size:124.7%;/*15px<-#wrapper*/
	margin:0 0 15px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
}
#secondary dl.mailmag {
	width:312px;
	/*margin:33px 0 20px;*/
	margin:0 0 20px;
	background:#f1f1f1;
}
#secondary dl.mailmag dd {width:292px;padding:10px;}
#secondary dl.mailmag dd p.expl {margin:0 0 5px;text-align:justify;}
#secondary dl.mailmag dd label {font-size:91.4%;/*11px<-#wrapper*/}
#secondary dl.mailmag dd p span {display:block;}
#secondary dl.mailmag dd p span.left {width:236px;float:left;}
#secondary dl.mailmag dd p span.right {width:47px;float:right;}
#secondary dl.mailmag dd input.text {
	width:232px;
	border:0;
	line-height:17px;
	vertical-align:middle;
	height:17px;
	padding:0 2px;
	ime-mode:inactive;
}
#secondary dl.mailmag dd input.idleField {
	background:#666;
	color:#fff;
}
#secondary dl.mailmag dd input.focusField {
	background:#999;
	color:#000;
}
#secondary .banner {
	width:300px;
	margin:0 0 20px;
	padding:5px;
	border:1px solid #999;
}
#secondary .banner img {border:1px solid #999;}

/* ################################################################################
	[Footer] Setting Footer Style
   ################################################################################ */
#footer #footInner ul.navFooter {width:600px;float:left;}
#footer #footInner ul.navFooter li {display:inline;border-right:1px solid #FFF;padding:0 10px;}
#footer #footInner ul.navFooter li a {color:#fff;}
#footer #footInner ul.navFooter li:first-child {padding:0 10px 0 0;}
#footer #footInner ul.navFooter li:last-child {border:0;}
#footer #footInner .copyright {
	width:400px;
	float:right;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* ################################################################################
	[Clearfix] Clearfix CSS Hack
   ################################################################################ */
.cfx:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.cfx {display:inline-block;}
/* exclude MacIE5 [start] \*/
* html .cfx {height:1%;}
.cfx {display:block;}
/* exclude MacIE5 [end] */