@charset "utf-8";

/* -------------------------------------- */
/*                共通　　                                          */
/* -------------------------------------- */

body {
	width: 100%;
	overflow: auto;
	margin: 0 0 0 0;
	/*background: url('../img/background.png') no-repeat center fixed; */
	background-color: #eeeeee;
	
	font-family: arial, sans-serif;
	color: #eeeeee;
	
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

h1 {font-size: 28px; line-height: 30px; margin: 20px 0 10px 10px;}
h2 {font-size: 20px; line-height: 22px; margin: 20px 0 10px 10px;}
h3 {font-size: 16px; line-height: 18px; margin: 16px 0 8px 10px;}
h4 {font-size: 12px; line-height: 14px; margin: 12px 0 6px 10px;}
p {font-size: 12px; margin: 0 0 0 20px; line-height: 14px;}
ul {font-size: 12px;}
ol {font-size: 12px;}
li {margin: 3px 0 3px 0;}
img {display: block;}
table {margin: 20px;}
td {font-size: 16px;}
th {font-size: 18px;}
a {text-decoration: none; color: #eeeeee;}
b{font-weight: bold;}

/* -------------------------------------- */
/*                 ヘッダー                                          */
/* -------------------------------------- */
#header {
	height: 70px;
	width: 100%;
	top: 0;
	left: 0;
	
	background-color: #444444;
}

#header .header_content {
	height: 70px;
	width: 1000px;
	margin: 0 auto;
}

#header .header_content_left {
	margin: 0 0 0 10px;
	height: 70px;
	width: 600px;
	float: left;
	
	/*background-color: #444444;*/
}

#header img.header_icon {
	margin: 5px 15px 5px 5px;
	float: left;
}

#header h1.header_title {
	font-size: 26px;
	line-height: 30px;
	margin: 20px 0 10px 10px;
}

#header .header_content_right {
	height: 70px;
	width: 300px;
	float: right;
	background-color: #444444;
	background-image: url('../img/name_background.png');
}

#header .header_igarashi {
	margin: 20px 30px 10px 10px;
	text-align: center;
}

#header .header_igarashi a{
	color: #555555;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
}


/* -------------------------------------- */
/*                コンテンツ　　                                     */
/* -------------------------------------- */

#content {
	width: 100%;
	padding: 0;
	margin: 0;
}

#content hr.style-gray{
	margin: 20px 10px 20px 10px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    clear: both;
}

#content h2 {
	font-size: 26px;
	line-height: 30px;
	background-color: #dddddd;
	margin: 20px 10px 20px 10px;
	padding: 5px;
}

#content h3 {
	font-size: 22px;
	line-height: 26px;
	margin: 20px 10px 20px 15px;
	padding: 2px 0 2px 6px;
	border-left: 5px solid #013adf;
}

#content h4 {
	font-size: 20px;
	line-height: 24px;
	margin: 20px 10px 20px 20px;
	padding: 0;
}

#content h5 {
	font-size: 18px;
	line-height: 24px;
	margin: 20px 10px 20px 20px;
	padding: 0;
}

#content h6 {
	font-size: 16px;
	line-height: 22px;
	margin: 20px 10px 20px 20px;
	padding: 0;
}

#content p {
	font-size: 16px;
	line-height: 24px;
	margin: 10px 10px 10px 20px;
}

#content p.italic {
	font-style: italic
}

#content ul {
	margin: 10px 20px 10px 20px;
}

#content ul li {
	font-size: 16px;
	line-height: 24px;
	list-style-image: url('../img/bullet.png');
	margin: 4px 0 4px 0;
}

#content ol {
	margin: 20px;
}

#content ol li {
	font-size: 16px;
	line-height: 24px;
	margin: 4px 0 4px 0;
}

#content table {
	font-size: 16px;
}
#content table th {
	background-color: #F7F8E0;
	padding: 5px;
}
#content table td {
	background-color: #F7F8E0;
	padding: 5px;
}


#content a {
	font-size: 16px;
	line-height: 24px;
	color: #013adf;
}

#content a:hover {
	color: #b45f04;
}

#content a.ext {
	background: url('../img/ext_link_16x16.png') no-repeat right center;
	padding-right: 20px;
	margin-right: 5px;
}

#content img {
	margin: 20px 20px 20px 20px;
}

#content code {
	background-color: #F7F8E0;
	padding: 3px 7px 3px 7px;
}

#content pre code {
	padding: 0;
}

#content pre {
	background-color: #F7F8E0;
	margin: 20px 30px 20px 30px;
	padding: 10px;
	
	font-size: 16px;
	line-height: 24px;
	
	word-wrap: break-word;
}

#content pre.scroll {
	overflow-x: scroll;
	word-wrap: normal;
}

#content pre.no_margin {
	margin: 20px 0 20px 0;
}

#content .pan_back {
	width: 100%;
	height: 30px;
	background-color: #cccccc;
}

#content .pan {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 30px 0 0;
	text-align: right;
	
	font-size: 14px;
	line-height: 20px;
	color: #222222;
}

#content .pan a {
	font-size: 14px;
	line-height: 20px;
	color: #013adf;
}

#content .pan a:hover {
	color: #b45f04;
}

#content .content_center {
	width: 1000px;
	margin: 0 auto;
	background-color: #005500;
}

#content .menu_box {
	width: 200px;
	float: left;
	margin: 10px 10px 10px 10px;
	border: 1px dotted #eeeeee;
	color: #eeeeee;
	
	background-color: #444444;
}

#content .menu_title {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	margin: 10px 0 0 0;
	text-align: center;
}

#content .menu_box ul {
	margin: 10px 0 0 0;
	padding: 0;
	
	font-size: 14px;
}

#content .menu_box li {
	list-style-type: none;
	list-style-image: none;
	padding: 4px 0 4px 10px;
	margin: 0;
	border-top: 1px dotted #eeeeee;
}

#content .menu_box li:hover {
	background-color: #27bdf4;
}

#content .menu_box a {
	color: #eeeeee;
	width: 100%;
}

#content .main_content {
	width: 730px;
	float: right;
	margin: 10px 20px 10px 0;
	padding: 10px 10px 30px 10px;
	background-color: #ffffff;
	border: 1px dotted #555555;
	color: #222222;
}

#content .note {
	width: 690px;
	height: 100px;
	margin: 10px 20px 10px 20px;
	padding: 10px;
	background-color: #dddddd;
}

#content .note .note_title {
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}

#content .note p {
	font-style: italic;
	font-size: 12px;
	line-height: 18px;
	margin: 5px 0 0 0;
}

#content .credit_box {
	margin: 0 auto;
	width: 970px;
	border: 1px dotted #555555;
	background-color: #ffffff;
	clear: both;
	
	color: #222222;
}

#content .credit_box h4 {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	margin: 20px 0 10px 20px;
}

#content .credit_box p {
	font-size: 14px;
	line-height: 22px;
}

#content .credit_box a {
	font-size: 14px;
	line-height: 22px;
}

#content .credit_box img {
	margin: 10px;
}


/* -------------------------------------- */
/*                フッター　　                                          */
/* -------------------------------------- */

#footer {
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	clear: both;
}

#footer .copy_right {
	height: 70px;
	width: 100%;
	background-color: #444444;
}

#footer .copy_right_text {
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	text-align: center;
	
	font-size: 12px;
	
}