/*  
Theme Name: オリジナル
Theme URI: http://ryukyunet.biz/
Description: オリジナルテーマ
*/

body {
 font-size: 100%;
 text-align:center;
 color:#333333;
 background-repeat: repeat-x;
 background-position: left bottom;
 background-attachment: fixed;
 margin-top: 5px;
}

/* 外の枠線 */

#soto {
 width:830px;
 height:100%;
 background-image:url(img/soto.gif);
 background-repeat: no-repeat;
 background-color:#ffffff;
 border-color:#cccccc;
 border-width:1px;
 border-style:solid;
 margin-top:0px;
 margin-right: auto;
 margin-left: auto;
}
/* 枠線内側 */

#content {
	width:800px;
	margin:auto;
	text-align:left;
	margin-top: 5pt;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

/* 画像コンテンツ */

img {
 border-style: none;
}

/* ヘッダーコンテンツ */

.header {
 text-align:left;
 width: 800px;
 height: 100px;
 clear: both;
}

/* ヘッダーの大見出し */

.header h1{
 font-size:12px;
 float:left;
 margin-top: 0;
 color:#0068b7;
 margin-bottom: 5pt;
}

/* ヘッダーサイトマップ */

.headersite a {
 font-size:12px;
 float:right;
 text-decoration:none;
 color:#0068b7;
}

#title a{
 float:left;
 clear: both;
 width: 330px;
 height: 80px;
 display: block;
 background-image:url(img/title.gif);
 text-decoration:none;
}

.header span {
 visibility:hidden;
}

/*  メニューバー  */

.menubar {
 width: 803px;
 height: 70px;
 margin-top:20pt;
 clear: both;
}

.menubar a {
 width: 160px;
 height: 40px;
 float: left;
 line-height: 2.8em;
 text-align: center;
 font-size: 14px;
 color: #ffffff;
 text-decoration:none;
 display: block;
 background-image:url(img/menu_off.gif);
 background-repeat: no-repeat;
}

.menubar a:hover {
 color:#ffffff;
 background-image:url(img/menu_on.gif);
}

/*  メインコンテンツ  */

#main {
 width: 560px;
 float: right;
 font-size: 95%;
 margin-top: 0;
}

#main p {
 line-height: 160%;
}

#main h3 {
 font-size: 100%;
 color: #555555;
}

#top1 {
 width:560px;
 height: 50px;
 margin-top: 25px;
 background-image:url(img/top1.gif);
 background-repeat: no-repeat;
}

#top1 h2 {
 visibility:hidden;
}

#top2 {
 width:500px;
 height: 30px;
 padding-top: 0;
 margin-top: 0;
 background-image:url(img/top2.gif);
 background-repeat: no-repeat;
}

#top2 h2 {
 margin-left: 2.5em;
 line-height: 1.8em;
 font-size: 115%;
 color: #00a0e9;
 clear: both;
}

.all {
 width:560px;
 height: 30px;
 padding-top: 0;
 margin-top: 0;
 background-image:url(img/top2.gif);
 background-repeat: no-repeat;
}

.all h2 {
 margin-top: 0;
 margin-left: 2.5em;
 line-height: 1.8em;
 font-size: 120%;
 color: #00a0e9;
}

.kamoku h3 {
 font-size: 95%;
 color: #555555;
 margin-left: 0px;
 border-style: solid;
 border-width: 0px 0px 1px 0px;
 border-color: #cccccc;
 padding: 0.5em 0.5em 0.5em 0.5em;
}

/*  メイン背景の上段  */

/*  メイン背景の上段  */

.ue {
 margin-top:15px;
 width: 560px;
 background-image:url(img/ue.gif);
 background-repeat: no-repeat;
 height: 20px;
 clear: both;
}

/*  メイン背景の中段本文  */

.naka {
 padding-top: 0.5em;
 margin-top: 0;
 width: 560px;
 background-image:url(img/na.gif);
 clear: both;
 padding-bottom: 2em;
}

.blog_top {
 width: 520px;
 margin-left:10px;
 margin-bottom:10px;
 padding: 10px;
 clear: both;
}

.blog {
 width: 520px;
 margin-bottom:10px;
 padding: 10px;
 border-color:#cccccc;
 border-width:1px;
 border-style:solid;
 clear: both;
}

.naka img {
 border-style: none;
 margin-right: 0.5em;
 margin-left: 0.5em;
}

.naka hr {
 width: 90%;
 clear: both;
 text-align:center;
}

.syoukai {
 font-size: 90%;
 line-height: 160%;
}


/*  メイン背景の下段  */

.sita {
	width: 560px;
	background-image:url(img/si.gif);
	height: 20px;
	margin-top: 0;
	clear: both;
}

/*  左サイドバー  */

.side {
 width: 220px;
 text-align:center;
 float: left;
 clear: left;
 margin-top: 0;
}

.side h2 {
 font-size:12px;
 height: 30px;
 margin-top: 0;
 line-height: 2.6em;
 text-align: center;
 color:#FFFFFF;
 background-image:url(img/midashi.gif);
 background-repeat: no-repeat;
}

.side p {
 font-size: 85%;
 line-height: 140%;
 text-align:left;
 color:#00479b;
}

.side ul {
 font-size: 95%;
 color:#00479b;
 line-height: 150%;
 text-align: left;
 padding-left: 0;
 margin-top: 0;
 margin-left: 0;
 list-style: none;
}

.side li {
 margin-top:10px;
 display:block;
 height:100%;
 padding-bottom: 1em;
 border-bottom:#448aca 1px  solid;
}

.side li a {
 color:#448aca;
 text-decoration:none;
}

.side li a:hover {
 text-decoration:underline;
}

.side li ul {
 margin-left: 10px;
}

#navi {
 margin-top: 30px;
 background-image:url(img/navi.gif);
 background-repeat: no-repeat;
 background-color:#eeeeee;
 background-repeat: no-repeat;
 font-size: 90%;
 color:#333333;
 clear: both;
 padding: 1em;
}

#navi a {
 font-size: 90%;
 color:#333333;
 text-decoration:none;
}

#navi p {
 font-size: 90%;
}

/* 著作権表示  */

.fo {
 font-size:13px;
 text-align: center;
 margin-top: 20px;
 background-image:url(img/fo.gif);
 background-repeat: no-repeat;
 color:#002e73;
 width: 800px;
 height:35px;
 line-height: 3.5em;
 clear: both;
}

.fo a {
 font-size:13px;
 text-align: center;
 color:#002e73;
}

/* サポート  */

#support {
 font-size:8px;
 text-align: right;
 color:#eeeeee;
 width:800px;
}

#support a {
 font-size:8px;
 text-align: right;
 color:#eeeeee;
}

.sitemap h3 {
 font-size: 95%;
 color: #555555;
 margin-left: 0px;
 border-style: solid;
 border-width: 0px 0px 1px 5px;
 border-color: #cccccc;
 padding: 0.5em 0.5em 0.5em 1em;
}


#q {
 width: 100%;
}

.qtd_l {
 width: 35%;
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 background-color:#cccccc;
 padding:0.7em;
}

.qtd_r {
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 background-color:#eeeeee;
 padding:1em;
 text-align: center;
}

.ptd_l {
 width: 65%;
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 padding:1em;
}

.ptd_r {
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 background-color:#eeeeee;
 padding:0.7em;
}

span {
 color:#a40000;
}

#submit {
 width:540px;
 text-align: center;
 height: 50px;
 margin-top: 8px;
}

#font {
 width: 750px;
 height:20px;
 background: url(./img/font.gif) no-repeat 0 0;
 position: absolute;
 top: 10px;
 left: 50%;
 text-align: right;
 margin-left: -425px;
 font-size: 8px;
}

.button1 {
 width: 30px;
 height: 20px;
 border: 0;
 margin-right: 5px;
 background: url(./img/small.gif) no-repeat 0 0;
 cursor: pointer;
}

.button2 {
 width: 30px;
 height: 20px;
 border: 0;
 margin-right: 5px;
 background: url(./img/larger.gif) no-repeat 0 0;
 cursor: pointer;
}

#font span {
 visibility:hidden;
}