/*  
Theme Name: プレゼン用
Theme URI: http://ryukyunet.biz/
Description: プレゼン用専用テーマ
*/

body {
 font-size:100%;
 color: #444444;
 text-align: center;
font-family:Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック", sans-serif;
 line-height: 1.6;
 margin:0;
 background-color:#eeeeee;
 background-repeat: repeat-x;
 background-position: left bottom;
 background-attachment: fixed;
}

/* 外の枠線 */

#soto {
 width:950px;
 height:100%;
 background-image:url(img/soto.gif);

 margin-top:0px;
 margin-right: auto;
 margin-left: auto;
}

/* 枠線内側 */

#content {
 background-image:url(img/content.gif);
 background-repeat: no-repeat;
 width:900px;
 text-align:left;
 margin-top: 0pt;
 margin-right: auto;
 margin-bottom: 1em;
 margin-left: auto;
}

/* 画像コンテンツ */

img {
 border-style: none;
}


/* ヘッダーコンテンツ */

.header {
 font-size:10px;
 background-image:url(img/header.gif);
 background-repeat: no-repeat;
 text-align:left;
 width: 900px;
 height: 100px;
 clear: both;
}

/* ヘッダーの大見出し */

.header h1{
 font-size:12px;
 float:left;
 margin-top: 0;
 color:#8957a1;
 margin-bottom: 5pt;
}

/* ヘッダーサイトマップ */

.headersite a {
 font-size:12px;
 float:right;
 text-decoration:none;
 color:#8957a1;
}

/* タイトルロゴ */

#title a{
 float:left;
 clear: both;
 width: 250px;
 height: 60px;
 display: block;
 background-image:url(img/title.gif);
 text-decoration:none;
}

#title span {
 visibility:hidden;
}

/*  メニュー  */

.menu {
 width: 225px;
 text-align:center;
 float: left;
 clear: both;
 font-size: 95%;
 margin-top: 15pt;
}

/*  メニュー小見出し  */

.menu1 {
 font-size: 12px;
 background-image:url(img/menu.gif);
 background-repeat: no-repeat;
 height: 35px;
 margin-bottom: 0;
}

.menu1 h2 {
 font-size: 12px;
 visibility:hidden;
}

/*  左サイドバー段落  */

.menu p {
 font-size: 95%;
 line-height: 160%;
 text-align:left;
 margin: 5px;
}

/*  左サイドバーメニュー  */

.menu a {
 font-size: 95%;
 padding-left:2em;
 height: 40px;
 line-height: 30pt;
 border-top:0px;
 text-decoration:none;
 display:block;
 border-bottom:#ffffff 4px  solid;
 border-top:#ffffff 4px  solid;
 margin:0px;
 background-image:url(img/menu_off.gif);
 background-repeat: no-repeat;
 text-align:left;
 color:#333333;
}

/*  メニューにカーソル合わせた時  */

.menu a:hover {
 color:#ffffff;
 background-image:url(img/menu_on.gif);
 background-repeat: no-repeat;
}



/*  メインコンテンツ  */

#main {
	width: 650px;
	font-size: 95%;
	float:right;
	margin-top: 15pt;
}

#main p {
 font-size: 95%;
 line-height: 160%;
 color:#333333;
}

.top1 {
 height: 40px;
 background-image:url(img/top1.gif);
 background-repeat: no-repeat;
}

.top2 {
 height: 40px;
 background-image:url(img/top2.gif);
 background-repeat: no-repeat;
}

.top3 {
 height: 40px;
 margin-top: 30px;
 background-image:url(img/top3.gif);
 background-repeat: no-repeat;
}

.top1 h2 {
 font-size: 13px;
 visibility:hidden;
}

.top2 h2 {
 font-size: 14px;
 color:#ffffff;
 text-align: center;
 margin-left: 2em;
 clear: both;
 line-height: 3em;
}

.top3 h2 {
 font-size: 13px;
 visibility:hidden;
}

.all {
 height: 40px;
 margin-top: 0;
 background-image:url(img/all.gif);
 background-repeat: no-repeat;
}

.all h2 {
 font-size: 14px;
 color: #ffffff;
 line-height: 2.3em;
 margin-left: 2em;
}

.all a {
 font-size: 14px;
 color: #ffffff;
 line-height: 2.3em;
 margin-left: 2em;
}

.pe {
 width: 70%;
 font-size: 13px;
}

.pe_l {
 width: 50%;
 background-color:#FAFAD2;
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 padding:1em;
}
.pe_r {
 font-weight: bold;
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 padding:0.7em;
}

#main ul {
 font-size: 95%;
 list-style: none;
 clear: both;
}

#main li {
 font-size: 95%;
 line-height: 2.5em;
 color:#555555;
 list-style: none;
 clear: both;
}

#main li a {
 color:#743974;
}

.cate {
 width: 650px;
 margin-bottom: 20px;
}

.category {
 width: 33%;
 vertical-align: top;
}

.cr {
 text-align: right;
 padding-right: 15px;
}

.c1 {
 height: 45px;
 margin-top: 20px;
 background-image:url(img/c1.gif);
 background-repeat: no-repeat;
}

.c2 {
 height: 45px;
 margin-top: 20px;
 background-image:url(img/c2.gif);
 background-repeat: no-repeat;
}

.c3 {
 height: 45px;
 margin-top: 20px;
 background-image:url(img/c3.gif);
 background-repeat: no-repeat;
}

.c4 {
 height: 45px;
 margin-top: 20px;
 background-image:url(img/c4.gif);
 background-repeat: no-repeat;
}

.category h3 {
 visibility:hidden;

}

.category p {
 margin-top: 0;
}

.info {
 width: 650px;
 margin-top: 25px;
 background-image:url(img/info.gif);
 border-color:#cccccc;
 border-width:1px;
 border-style:solid;
}

.sitemap h3 {
 font-size:16px;
 margin-left: 0px;
 border-style: solid;
 border-width: 0px 0px 1px 5px;
 border-color: #cccccc;
 padding: 0.5em 0.5em 0.5em 1em;
}

/*  Q&A  */

.qa {
margin:20pt 0 10pt 0;
border-style: solid;
border-width: 0px 0px 3px 0;
border-color: #cccccc;
}

.qa h3 {
margin:0 0 0 0;
padding:0;
}

/*  交通アクセス  */

.access h3 {
 font-size: 120%;
 margin-top: 30px;
 color:#993300;
}

.access p {
 margin-top: 0;
}



/*  会社概要  */

.com {
 width: 500px;
 margin-top: 30px;
 margin-left: auto;
 margin-right: auto;
}

.com_l {
 width: 35%;
 background-color:#e5dac8;
 padding: 0.5em;
}

.com_r {
 line-height: 160%;
 padding-left: 10px;
 border-style: solid;
 border-width: 0 0 1px 0;
 border-color:#eeeeee;
}

/*  お問い合わせ  */

#q {
 width:90%;
 border-style:solid;
 border-color:#eeeeee;
 border-width:1px;
 margin-right: auto;
 margin-left: auto;
}

.qtd_l {
 border-style:solid;
 border-color:#e5dac8;
 border-width:1px;
 background-color:#e5dac8;
 padding:0.7em;
}

.qtd_r {
 border-style:solid;
 border-color:#0eae0;
 border-width:1px;
 background-color:#f0eae0;
 padding:1em;
 color: #333333;
}

#submit {
 text-align: center;
 height: 50px;
 margin-right: auto;
 margin-left: auto;
}

/*  ブログ  */

.blog {
 clear: both;
 margin-bottom:10px;
 padding: 10px;
 border-color:#cccccc;
 border-width:1px;
 border-style:solid;
}

.blog hr {
 clear: both;
}

.blogm {
margin:5pt 0 10pt 0;
border-style: solid;
border-width: 0px 0px 3px 0;
border-color: #cccccc;
}

.blogm h3 {
margin:0 0 0 0;
padding:0;
}


.side {
	width: 225px;
	text-align:center;
	float: left;
	clear: left;
}

.side1 {
 height: 35px;
 background-image:url(img/side1.gif);
 background-repeat: no-repeat;
}

.side1 h2 {
 font-size:12px;
 margin: 0;
 visibility:hidden;
}

.plan ul {
margin:0;
}

.plan li a {
margin:0;
padding:0 0 0 20pt;
background-image:url(img/cl.gif);
background-repeat: no-repeat;
}

.side2 {
 height: 35px;
 margin-top: 0;
 background-image:url(img/side2.gif);
 background-repeat: no-repeat;
}

.side2 h2 {
 font-size:12px;
 visibility:hidden;
}

.side p {
 font-size:12px;
 line-height: 160%;
 text-align:left;
}

.side ul {
 margin-top: 0;
 text-align: left;
 margin-left: 0;
 padding-left: 0;
 list-style: none;
}

.side li {
 font-size: 95%;
 line-height: 2.5em;
}

.side li ul {
 margin-left: 10px;
}

.side a {
 color: #491b49;
}

#font {
 width: 900px;
font-size:90%;
 padding: 0;
 text-align: right;
 clear: both;
}

#navibar {
 background-color:#faf6f1;
 border-color:#501a50;
 border-width:1px;
 border-style:solid;
 font-size: 90%;
 color:#333333;
 clear: both;
 padding: 10px;
 margin:15pt 0 0 0;
}

#navibar a {
 color:#333333;
 text-decoration:none;
}

#navi_l {
 line-height: 160%;
}

/* 著作権表示  */

.fo {
 font-size:13px;
 height: 35;
 text-align: center;
 background-image:url(img/fo.gif);
 background-repeat: no-repeat;
 color:#501a50;
 line-height: 3.5em;
 width: 900px;
 margin-top: 20px;
 clear: both;
}

.fo a {
  font-size:13px;
  text-align: center;
  color:#501a50;
}

/* サポート  */

#support {
 font-size:8px;
 text-align: right;
 color:#cccccc;
 width:890px;
}

#support a {
 font-size:8px;
 text-align: right;
 color:#cccccc;
}
