@charset "utf-8";
/* ------------------------------------------------------------

	default
	version : 1.6
	Draco, Inc. All rights reserved.

------------------------------------------------------------ */
html { overflow-y:scroll }
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
address,
code,
em,
img,
q,
strong,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
fieldset,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td { padding: 0; margin: 0; font-style: normal; font-weight: normal; outline: 0; }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 10px; }
* html body { font-size: xx-small; }
*:first-child+html body { font-size: x-small; }
table { font-size: 100%; }
ol li,
ul li { list-style: none; }
blockquote,
q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
a,
img,
fieldset { border: 0; }
img,
input { vertical-align: middle; }
/* ------------------------------------------------------------ typography.css */
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
dt,
dd,
th,
td,
pre,
caption,
address { font-size: 120%; color: #333; line-height: 1.5; }
p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea { font-size: 100%; }
textarea { color: #333; line-height: 1.5; }
input { padding: 0; margin: 0; }
strong,
strong a:link,
strong a:visited,
strong a:active,
strong a:hover { color: #F33; }
em { background-color: #FFC; }
a:link,
a:visited,
a:active,
a:hover { color: #04C; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { font-weight: bold; }
/*  -------------------------------------------------- 

	cssStripe

-------------------------------------------------- */
/* ------------------------------------------------------------ bgsprite.css */
/* 横リピート */
div#tools ul li a,
div#tools dl dt span { background-image: url(/common/images/bg-sprite.png); background-position: 0 -200px; background-repeat: repeat-x; }
/*  -------------------------------------------------- 

	platform

-------------------------------------------------- */
/* -------------------------------------------------- レイアウト */
body { background: #E5F4FC; }
ul#skipNav { display: none; }
div#platform { text-align: center; }
div#globalNav,
div#headerOuter,
div#contentsOuter,
div#utilitiesOuter,
div#footerOuter { height: auto; width: 962px; margin: 0 auto; text-align: left; }
div#cse-search-results { margin: 16px; }
p#followMe { position: fixed; top: 128px; right: 0; }
p#toPageTop { position: fixed; right: 0; bottom: 0; }
* html p#followMe,
* html p#toPageTop { display: none; }
/* グローバルナビ */
div#globalNavOuter { position: fixed; left: 0; width: 100%; z-index: 100; text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(#8C7962), to(#5B4C3A)); background: -moz-linear-gradient(top, #8C7962, #5B4C3A); -webkit-box-shadow: 0 0 5px #666; -moz-box-shadow: 0 0 5px #666; }
div#globalNavOuter { background: #5B4C3A left top repeat-x url(/common/images/bg-globalnav.png); }
/* ヘッダ */
div#header { padding-top: 50px; margin-bottom: 10px; }
* html div#header { padding-top: 20px; }
/* ツールバー */
div#tools { margin-left: 200px; margin-top: -30px; }
/* コンテンツアウター */
div#contentsOuter { margin-top: -1px; margin-bottom: 10px; border: 1px solid #CCC; background-color: #FFF; -webkit-box-shadow: 0 0 5px #CCC; -moz-box-shadow: 0 0 5px #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
/* トピックパス */
div#topicpath p { margin: 10px; }
/* コンテンツ */
div#mainContents { float: right; width: 760px; }
div#subContents { float: left; width: 200px; }
div#subContents div.inner { background-color: #F2F4F6; margin: 0 10px 10px; padding-bottom: 1px; }
div.typeS div#mainContents { float: none; width: auto; padding-top: 10px; }
/* ユーティリティーズ */
div#utilitiesOuter { margin-bottom: 10px; border: 1px solid #CCC; background: #FFF; -webkit-border-radius: 5px; -moz-box-shadow: 0 0 5px #CCC; -moz-border-radius: 5px; -webkit-box-shadow: 0 0 5px #CCC; }
/* フッター */
div#footer { clear: both; margin-bottom: 10px; }
/*  -------------------------------------------------- 

	share

-------------------------------------------------- */
/* -------------------------------------------------- グローバルナビ */
div#globalNav ul { float: left; margin: 2px 0; border-right: 1px solid #3E352B; border-left: 1px solid #85715C; }
div#globalNav ul li { position: relative; float: left; border-right: 1px solid #85715C; border-left: 1px solid #3E352B; }
div#globalNav ul li a { padding: 4px 15px; font-weight: bold; display: block; color: #FFF; text-shadow: #3E352B 1px 1px 1px; }
div#globalNav ul li.find { display: none; }
/* メガドロップダウン */
div#globalNav ul li div.find { position: absolute; width: 400px; padding: 1px 0; z-index: 100; border: 1px solid #CCC; display: none; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-box-shadow: 0 0 5px #CCC; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-box-shadow: 0 0 5px #CCC;/* バックグランド白と透明度入れる */ }
div#globalNav ul li div.find { background-image: url(/common/images/bg-dropdown.png); }
* html div#globalNav ul li div.find { width: 412px; }
*:first-child+html div#globalNav ul li div.find { padding-bottom: 10px; }
div#globalNav ul li:hover div.find { display: block; }
div#globalNav div.find ul { position: static; float: none; clear: both; margin: 10px; border: none; }
div#globalNav div.find ul li { position: static; float: none; width: auto; border: none; font-weight: bold; }
div#globalNav div.find ul li ul { margin: 5px 0 0; }
div#globalNav div.find ul li ul li { float: left; width: auto; margin: 0 20px 5px 5px; overflow: visible; white-space: nowrap; }
* html div#globalNav div.find ul li ul li { width: auto; }
*:first-child+html div#globalNav div.find ul li ul li { width: 96px; }
div#globalNav div.find ul li ul li a { height: auto; padding: 0; font-size: 100%; text-indent: 0; background-image: none; color: #04C; text-shadow: none; }
* html div#globalNav ul li { z-index: 90; }
*:first-child+html div#globalNav ul li { z-index: 90; }
/* 検索 */
div#globalNav p#search { float: right; width: 220px; text-align: right; }
div#globalNav p#search input.textBox,
div#globalNav p#search input.btn { margin-top: 3px; font-size: 120%; }
* html div#globalNav p#search input.textBox,
* html div#globalNav p#search input.btn { margin-top: 2px; }
*:first-child+html div#globalNav p#search input.textBox,
*:first-child+html div#globalNav p#search input.btn { margin-top: 2px; }
div#globalNav p#search input.textBox { width: 150px; }
/* -------------------------------------------------- ヘッダ */
div#header p#siteID { float: left; padding-left: 10px; }
div#header h1.tagline,
div#header p.tagline { float: right; margin-left: 10px; color: #999; text-align: right; font-weight: normal; }
/* -------------------------------------------------- ツール */
div#tools ul.tab,
div#tools dl.btn { float: left; margin-left: 20px; }
div#tools ul.btn { float: right; margin-right: 10px; }
div#tools ul.tab li,
div#tools ul.btn li,
div#tools dl.btn dt { float: left; padding: 1px; margin-right: 5px; border: 1px solid #CCC; text-align: center; background-color: #FFF; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; }
div#tools ul.btn li,
div#tools dl.btn dt { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#tools dl.btn dt { float: none; }
div#tools ul.tab li a,
div#tools ul.btn li a,
div#tools dl.btn dt span { padding: 1px 20px 6px; display: block; cursor: pointer; }
div#tools ul.btn,
div#tools dl.btn { margin-bottom: 5px; }
div#tools ul.btn li a,
div#tools dl.btn dt span { padding-bottom: 1px; }
div#tools dl.btn { position: relative; }
div#tools dl.btn dd { position: absolute; padding: 5px 0; margin-top: -1px; border: 1px solid #CCC; background-color: #FFF; -moz-box-shadow: 0 0 5px #CCC; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; opacity: 0.9; -webkit-box-shadow: 0 0 5px #CCC; -webkit-border-bottom-left-radius: 5px; display: none; }
div#tools dl.btn:houver dd {
display: block;
}
div#tools dl.btn dd ul li { width: 100%; }
div#tools dl.btn dd ul li a { padding: 5px 20px; display: block; white-space: nowrap; background-image: none; }
div#tools ul.tab li.current { border-bottom: 1px solid #FFF; }
div#tools ul.btn li.newPage { border: 1px solid #738635; background-color: #ABC852; }
div#tools ul.btn li.newPage a { color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image: none; background: -webkit-gradient(linear, left top, left bottom, from(#ABC852), to(#738635)); background: -moz-linear-gradient(top, #ABC852, #738635); }
/*  -------------------------------------------------- 

	structure

-------------------------------------------------- */
/* -------------------------------------------------- カラム設計 */
div.locator { clear: both; }
div.col3A,
div.col3B,
div.col4A,
div.col4B,
div.col4C,
div.col5A,
div.col5B,
div.col5C,
div.col5D { float: left; }
div.col3A { width: 33.2%; }
div.col3B { width: 66.5%; }
div.col4A { width: 24.9%; }
div.col4B { width: 49.9%; }
div.col4B { width: 74.9%; }
div.col5A { width: 20%; }
* div.col5A { width: 19%; }
*:first-child+html div.col5A { width: 19%; }
div.col5B { width: 40%; }
div.col5C { width: 60%; }
div.col5D { width: 80%; }
* html div.col5D { width: 81%; }
*:first-child+html div.col5D { width: 81%; }
/* -------------------------------------------------- マージン設計 */
div#mainContents h1 { margin: 0 10px 20px; }
div#mainContents h2 { margin: 40px 10px 10px; }
div#mainContents h3 { margin: 20px 10px 10px; }
div#mainContents h4,
div#mainContents h5,
div#mainContents h6 { margin: 0 10px; }
div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl,
div#mainContents table,
div#mainContents pre { margin: 0 10px 10px; }
div#mainContents form#comment { margin: 0; }
div#mainContents div.ads { margin: 20px 16px 10px; }
div#mainContents h2 + h3,
div#mainContents h3:first-child { margin-top: 0; }
div#subContents h2 { margin: 20px 0 5px; }
div#subContents h2:first-child { margin-top: 0; }
div#subContents h3 { margin: 10px 10px 5px; }
div#subContents h4 { margin: 0 10px 5px; }
div#subContents h5,
div#subContents h6,
div#subContents p,
div#subContents ul,
div#subContents hr { margin: 0 10px 10px; }
div#subContents p.ads { margin: 0 10px 10px; }
div#utilities h2,
div#utilities h3 { margin: 10px 10px 0; }
div#utilities p,
div#utilities ul { margin: 0 10px 10px; }
/* フォーム */
div#mainContents textarea { width: 100%; }
/*  -------------------------------------------------- 

	component

-------------------------------------------------- */
/* -------------------------------------------------- メインコンテンツ */
/* header */
div#mainContents div#articleInfo { padding: 2px 0; margin: -16px 10px 40px; border-bottom: 1px dotted #CCC; }
*:first-child+html div#mainContents div#articleInfo { min-height: 1px; }
div#mainContents div#articleInfo p,
div#mainContents div#articleInfo ul { margin: 0; border: none; }
div#mainContents div#articleInfo p { float: left; border: none; }
div#mainContents div#articleInfo ul { float: right; clear: none; width: auto; }
* html div#mainContents div#articleInfo ul { margin-top: 2px; margin-bottom: 2px; }
div#mainContents div#articleInfo div.topsy_widget_data { float: right; margin-top: 2px; }
/* footer */
div#mainContents p.tag,
div#mainContents div#function { clear: both; padding: 10px; margin: 20px 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div#mainContents p.tag { background-color: #F6F4E4; }
div#mainContents div#function { background-color: #F2F4F6; }
div#mainContents div#function p { margin: 0; }
div#mainContents div#function p#pageurl { margin-bottom: 10px; }
div#mainContents p.tag + div#function { margin-top: 0; }
div#mainContents p.tag a { padding: 0 10px; display: inline-block; background-color: #DDDBCD; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
div#mainContents dl#bookMark { margin-left: 0; }
div#mainContents dl#bookMark dt { float: left; width: auto; padding-left: 0; font-weight: normal; background-image: none; }
* html div#mainContents dl#bookMark { display: none; }
div#mainContents dl#bookMark dd { margin-left: 0; border: none; }
div#mainContents dl#bookMark dd ul { clear: none; }
div#mainContents p#pageurl { clear: both; }
div#mainContents p#pageurl input { width: 32em; }
/* ソーシャルメディア */
div#mainContents ul.socialmedia { padding-top: 2px; margin: 0; }
div#mainContents ul.socialmedia li { position: relative; float: left; height: 16px; width: 16px; padding-left: 0; margin-left: 2px; overflow: hidden; display: inline; background-image: none; zoom: 1; }
div#mainContents ul.socialmedia li img { position: absolute; }
div#mainContents ul.socialmedia li.twitter img { left: 0; }
div#mainContents ul.socialmedia li.hatena img { left: -16px; }
div#mainContents ul.socialmedia li.yahoo img { left: -32px; }
div#mainContents ul.socialmedia li.delicious img { left: -48px; }
div#mainContents ul.socialmedia li.nifty img { left: -64px; }
div#mainContents ul.socialmedia li.livedoor img { left: -80px; }
div#mainContents ul.socialmedia li.google img { left: -96px; }
/* -------------------------------------------------- サブコンテンツ */
div#subContents p.date { margin-bottom: 0; font-size: 100%; color: #333; }
div#subContents ul li ul { margin: 0; }
/* 人気のページ */
div#subContents li span.counter { font-size: 83.3%; }
/* -------------------------------------------------- フッター */
div#footer h2.tagline { margin-bottom: 10px; font-weight: normal; color: #999; }
/* -------------------------------------------------- アイコン */
img.dropDown { height: 16px; width: 16px; background: url(../images/bg-icons.png) -112px -144px no-repeat; }
div#tools img.dropDown { background: url(../images/bg-icons.png) -128px -128px no-repeat; }
img.external { height: 16px; width: 16px; background: url(../images/bg-icons.png) -194px -67px no-repeat; }
div#header p#siteID img { height: 52px; width: 174px; background: url(../images/bg-siteid.png) 0 0 no-repeat; }
/*  -------------------------------------------------- 

	clearfix

-------------------------------------------------- */
div#globalNav ul:after,
div#globalNav div.find ul ul:after,
div#headerOuter:after,
div#contentsOuter:after,
div#tools:after,
div#mainContents dl:after,
div#mainContents div#articleInfo:after,
div#mainContents ul#contentsNav:after,
div#mainContents div.row ul:after,
div#mainContents div.row3 ul:after,
div#mainContents div.groupNav ul:after { clear: both; height: 0; visibility: hidden; display: block; content: "."; }
div#globalNav div.find u ul,
div#headerOuter,
div#contentsOuter,
div#tools,
div#mainContents dl,
div#mainContents div#articleInfo,
div#mainContents ul#contentsNav,
div#mainContents div.row ul,
div#mainContents div.row3 ul,
div#mainContents div.groupNav ul { display: inline-table; zoom: 1; }
* html div#globalNav ul,
* html div#globalNav div.find ul ul,
* html div#headerOuter,
* html div#contentsOuter,
* html div#tools,
* html div#mainContents dl,
* html div#mainContents div#articleInfo,
* html div#mainContents ul#contentsNav,
* html div#mainContents div.row ul,
* html div#mainContents div.row3 ul,
* html div#mainContents div.groupNav ul { height: 1%; }
div#globalNav ul,
div#globalNav div.find ul ul,
div#headerOuter,
div#contentsOuter,
div#tools,
div#mainContents dl,
div#mainContents div#articleInfo,
div#mainContents ul#contentsNav,
div#mainContents div.row ul,
div#mainContents div.row3 ul,
div#mainContents div.groupNav ul { display: block; zoom: 1; }
div#header:after,
div#contents:after,
div.locator:after,
div#relatedLinks:after,
div#ads:after,
div#bottom:after { clear: both; height: 0; visibility: hidden; display: block; content: "."; }
div#header,
div#contents,
div.locator,
div#relatedLinks,
div#ads,
div#bottom { display: inline-table; }
* html div#header,
* html div#contents,
* html div.locator,
* html div#relatedLinks,
* html div#ads,
* html div#bottom { height: 1%; }
div#header,
div#contents,
div.locator,
div#relatedLinks,
div#ads,
div#bottom { display: block; zoom: 1; }
/* --------------------------------------------------

	@media print
	
-------------------------------------------------- */
@media print {
a:link { text-decoration: underline; }
div#header,
div#tools,
div#subToolBar,
div#subContents,
div#utilities,
div#footer { display: none; }
div#contents { background-image: none; }
div#platform,
div#mainContents { float: none; width: 100%; }
}

/*EOF*/