@charset "utf-8";

/**
@prefix : <http://purl.org/net/ns/doas#> .
<http://hoge.com/hoge.css> a :CSSstylesheet;
 :shortdesc "base.css";
 :created "2010-03-11";
 :release [:revision "0.1"; :created "2009-12-13"];
 :author [:name "Yusuke. Nakanishi"; :homepage <http://hoge.com/> ];
 :license <http://creativecommons.org/licenses/GPL/2.0/>;
 :dependencies "none" .
*/

/* -----------------------------------------------------------
	reset()
 ----------------------------------------------------------- */
@import url("default.css");


/* ----- body ----- */
body
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 100%;
	line-height: 1.4;
	background-color: #121212;
}

img.reflection {
	box-shadow:#FFF;
    -webkit-box-reflect: below 1px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.66, transparent), to(white));
}

/* Link setting
-------------------------------------------------- */
a:link 
{
	color: #0095d9;
	text-decoration: underline;
}
a:visited 
{
	color: #0095d9;
	text-decoration: underline;
}
a:hover 
{
	color: #0095d9;
	text-decoration: none;
}
a:active 
{
	color: #0095d9;
	text-decoration: none;
}

/*----------------------------------------------------
	Base
----------------------------------------------------*/
header {
	color:#000;
	padding: 20px 30px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	background-color: #EEE;
}
header h1 {
    float: left;
    margin-top: 7px;
    font-size: 189%;
    text-shadow: 1px 1px 1px #666;
}
header p {
    float: left;
    margin-top: 7px;
    font-size: 189%;
    text-shadow: 1px 1px 1px #666;
}

header nav ul#menu {
    float: right;
    margin-right: -5px;
}

header nav ul#menu li {
    float: left;
    margin-right: 5px;
}

header nav ul#menu li:hover {
    cursor: pointer;
}

section 
{
    overflow: auto;
    margin: 0 auto;
    padding: 30px;
}

h2
{
	margin-bottom: 20px;
	padding-left: 12px;
	font-size: 189%;
	line-height: 1.5;
	text-shadow: 1px 1px 1px #666;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #900;
}

section.separate{/* dummy */}

section.cover h2 
{
	margin: 150px 0 10px;
	padding: 0;
	border: none;
	text-align: center;
}

section.cover p 
{
    text-align: center;
}

section.insp h2 
{
	display:none;
}

section.insp p 
{
	margin: 150px 0 10px;
	padding: 0;
	border: none;
	text-align: center;
}

article{
	/*background-image: url(../image/shadow.gif);*/
	/*background-repeat: repeat-x;*/
}

article p,
article dl 
{
    margin-bottom: 20px;
    font-size: 153.9%;
    line-height: 1.8;
}

article dt 
{
    font-weight: bold;
}

article dd 
{
    padding-left: 1em;
}

article dd ul li 
{
    list-style:none;
    font-size: 100.0%;
}

article ul 
{
    margin: 0 0 20px 25px;
    line-height: 1.8;
}

article ul li 
{
    list-style: disc;
    font-size: 153.9%;
}

article ul ul li,
article ol ul li 
{
    list-style: circle;
    font-size: 100%;
}

article ol 
{
    margin: 0 0 20px 35px;
    line-height: 1.8;
}

article ol li 
{
    list-style: decimal;
    font-size: 153.9%;
}

article ul ol li,
article ol ol li 
{
    list-style: lower-alpha;
    font-size: 100%;
}

article table 
{
	margin-bottom: 20px;
	font-size: 153.9%;
	border-top: 2px solid #2b2b2b;
	border-left: 2px solid #2b2b2b;
	color: #333;
}

article table th 
{
    padding: 5px 20px;
    border-right: 2px solid #2b2b2b;
    border-bottom: 2px solid #2b2b2b;
    background: #eae5e3;
}

article table td 
{
	padding: 5px 20px;
	border-right: 2px solid #2b2b2b;
	border-bottom: 2px solid #2b2b2b;
	background-color: #FFF;
}

article pre 
{
	color:#000;
	margin-bottom: 20px;
	padding: 15px;
	border: 2px solid #2b2b2b;
	background: #fff;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: pre-wrap; /* CSS3 */
    word-wrap: break-word; /* IE 5.5+ */

}

article code 
{
    font-size: 138.5%;
	line-height: 1.1;
}

article strong 
{
	margin: 0 5px;
	color: #FC0;
	font-size: 138.5%;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FF9;
}

ol#listmenu 
{
	z-index: 9999;
    position: absolute;
    top: 80px;
    right: 20px;
    width: 350px;
    padding: 10px;
    border: 1px solid #2b2b2b;
    background: #fff;
}

ol#listmenu li 
{
    float: none;
    display: block;
    width: 330px;
    padding: 5px;
    font-size: 100%;
    cursor: pointer;
    border-bottom: 1px solid #eae5e3;
}

ol#listmenu li:hover
{
    background: #eae5e3;
}

p#pageNumber 
{
	color:#000;
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 5px 10px;
    font-size: 100%;
    background: #fff;
	
	/* 角丸 */
	border-radius: 5px;         /* CSS3 */
   	-moz-border-radius: 5px;    /* Firefox */
   	-webkit-border-radius: 5px; /* Safari,Chrome */
}

address 
{
    padding: 5px 10px;
    font-size: 100%;
}

/*----------------------------------------------------
    clearfix
----------------------------------------------------*/ 
.clearfix:after,
header:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
 
/* IE6
-------------------------------------------------- */
* html .clearfix,
* html header 
{
    zoom: 1;
}
 
/* IE7
-------------------------------------------------- */
*:first-child+html .clearfix,
*:first-child+html header 
{
    zoom: 1;
}


.quote blockquote{
	width:80%;
	margin: 30px auto;
	border: 1px solid #CCC;
	background: #ffffff url(../image/blockquote1.gif) no-repeat 95% 68%;
	padding: 30px;
	color: #064599;
	line-height: 3em;
}
.quote p {
	font-size:: 80%;
	margin-bottom: 12px;
}
.quote blockquote b{
	font-size: 150%;
}

.quote .origin	{
	text-align: right;
	padding-top: 8px;
	margin-bottom:0;
}
.quote .origin a	{
	background: url(../image/origin1.gif) no-repeat 0 7px;
	padding-left: 15px;
	color: #999;
}

pre{
	font-size:70%;
}