@charset "utf-8";

/* == base == */

* {
	margin: 0;
	padding: 0;
	font-family:Arial,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
}
html {
	overflow-y:scroll; /* Firefoxで、スクロールバーの有無でセンタリングがズレる件を解消 */
}
textarea {
	width:95%;
}
img {
	border: none;
}
img.border {
	border: 1px solid #ccc;
	margin-left: 40px;
}
p {margin:15px 0px; font-size: 90%; line-height:1.4em; }
ol, ul { margin-left: 50px; margin-top: 10px; font-size: 90%; line-height:1.3em; }
input { margin-right:5px; }
textarea,select,input { font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;}


/* == Global Layout == */

body {
	color: #000;
	background: #fff;
	margin: 10px;
	text-align: center; /* center on ie */
} 

#container {
	position: relative;
	margin: 0 auto; /* center on everything else */
	text-align: left;
}

#container-inner {
	position: static;
	width: auto;
}

#content {
	display: inline; /* ie win bugfix */
	position: relative;
	min-height: 1px;
	line-height: 140%;
	text-align: center; /* center on ie */
}
#content-inner {
	position: static;
	margin: 0 auto; /* center on everything else */
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* clearfix というらしいもの */
/* http://stopnlisten.no.land.to/2007/02/css_4.html */


div#container{
    zoom:1; /*for IE 5.5-7*/
}
div#container:after{ /*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html div#container{
	display:inline-table;
	/*\*/display:block;/**/
}


/* == header == */

#header {
	text-align: center;
}

/* ナビ
--------------------------------------------------*/

.navi {
	color: #000;
	background: #f0f0f0;
	border-width: 1px 0px;
	border-color: #666;
	border-style: solid;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.navi ul {
	margin: 5px 10px;
	padding: 0;
}

.navi li {
	display: inline;
	margin-right: 10px;
	line-height: 1em;
}

.navi a:link,
.navi a:visited,
.navi a:active {
	color: #003366;
	background-color: #f0f0f0;
}
.navi a:hover {
	color: #999999;
	background-color: #f0f0f0;
}

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

#footer #copyright
{
	border-top: 1px #ccc solid;
	font-size: 12px;
	padding-top: 5px;
	text-align: center;
}



/* インデックスページ
--------------------------------------------------*/
#index #searchform {
	margin: 100px 0;
	text-align: center;
}

#index #content-inner {
	text-align: center;
}


/* 検索結果ページ
--------------------------------------------------*/
#result #header {
}
#result #header-inner{
	border-bottom: #fff 5px solid;
}
#result #header #titlebanner {
	float:left;
	widgh: 310px;
}

#result #header #navi {
	float:left;
}
#result #header #searchform {
	clear:both;
}

#result #header #linklist {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#result #headerEnd {
	clear:both;
	height:1px;
}
#linklist ul {
	margin: 5px 10px;
	padding: 0;
}

#linklist li {
	display: inline;
	margin-right: 10px;
	line-height: 1em;
}

#linklist a:link,
#linklist a:visited,
#linklist a:active {
	color: #003366;
}
#linklist a:hover {
	color: #999999;
}

/* リストページ
--------------------------------------------------*/
#list #content {
	margin-top:10px;
}

#list #linkinfo {
	margin-left:50px;
}

#list #linkinfo h2,
#list #linkinfo img,
#list #linkinfo p {
	text-align:left;
}

#list #linkinfo h2 {
	font-size: 120%;
}


/* 申し込みページ
--------------------------------------------------*/
#entry form {
	margin-top: 30px;
	text-align: center;
}

#entry #content {
	text-align: center; /* center on IE */
}
#entry #content-inner {
	margin: 0 auto; /* center on everything else */
}
#entryform {
	width: 500px;
	margin: 0 auto; /* center on everything else */
}

#entry #finishSendmail {
	border:1px solid #ccc;
	padding: 10px 30px;
	margin: 100px;
}
#entry #error {
	border:1px solid #f00;
	padding: 10px 30px;
	margin: 100px;
	background: #fee;
}

/* about
--------------------------------------------------*/

#about #content-inner {
	margin-top: 30px;
	width: 600px;
	text-align:center;
}
#about #content #content-inner {
	width: 600px;
	text-align:left;
}
#about #content p {
	margin-left: 30px;
}
#about #content h2 {
	margin-top: 20px;
	font-size: 140%;
}
#about #content h3 {
	font-size: 100%;
	margin-left: 15px;
}

/* add
--------------------------------------------------*/

#add #content-inner {
	margin-top: 30px;
	width: 600px;
	text-align:center;
}
#add #content #content-inner {
	width: 600px;
	text-align:left;
}
#add #content p {
	margin-left: 30px;
}
#add #content h2 {
	margin-top: 20px;
	font-size: 140%;
}
#add #content h3 {
	font-size: 100%;
	margin-left: 15px;
}

#add textarea {
	margin-left: 30px;
	font-size: 80%;
}

#add #content code {
	font-size: 12px;
	font-family: 'Courier New';
}

#add #content pre {
    margin: 10px 30px 18px 30px;
    padding: 0 10px 15px;
    border:#fc0 solid 1px;
    background:#ffd;
    line-height: 1.5;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
}