@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}
#all{
    background-image:url("../images2/back3.png");
    background-repeat:repeat-x;
	
}

body {
   background-image:url("../images2/back2.jpg");
    background-repeat:repeat;
   margin:0;
   padding:0;
   text-align:center;
   line-height:1.6;
   letter-spacing:1px;
   font-family:Verdana, Helvetica, sans-serif;
   font-size:13px;
   color:#623904;
}

br {
   letter-spacing:normal;
}

img {
   border:0;
}

a {
   color:#623904;
   
   text-decoration:none;
}

a:hover {
   color:#623904;
}

h2 {
   margin:0 0 2px 0;
   padding:3px 5px;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   border-left:5px solid #7d9a82;
   
   background:#6a6a6a;
}

h3 {
   margin:0 0 5px 0;
   margin-bottom:5px;
   padding:3px 0;
   font-size:16px;
   color:#ff3366;
  
}

h4 {
   margin:0 0 5px 0;
   padding-left:5px;
   font-size:14px;
   color:#33cc00;
}

h5 {
   margin:0 0 5px 0;
   padding-left:5px;
   font-size:13px;
   background:#b3cc51;
}

h6 {color:#3366cc;
   margin:0 0 5px 0;
   font-size:13px;
}

p {
   margin:0 0 1em 0;
}

dl {
   margin:0;
   padding:0;
}

dt {
   font-weight:bold;
}

dd {
   margin:0 0 1em 0;
   padding:0;
}

ul,
ol {
   margin:0 0 1em 40px;
   padding:0;
}

em {
   font-style:normal;
   background:#ff0;
}


/* ========TEMPLATE WIREFRAME======== */
#wrapper {
   width:900px;
   margin:0 auto;
   text-align:left;
   background:url("../images/bg_left.gif") 0 0 repeat-y;
  position:relative;
}

#header {
   width:860px;
   margin:0px 20px;
   background: url("../images2/hedder4.png") 0 0 no-repeat;
}

#menu {
   width:860px;
   margin:0px 20px;
}

#contents {
   background-color:#ffffe0;
   border-radius: 1em; 
   clear:both;
   width:880px;
   margin:25px auto;
   padding:10px 10px 10px 10px;
 }

#contents2 {
   background-color:#ffffe0;
   border-radius: 0em 0em 1em 1em; 
   clear:both;
   width:880px;
   margin:0px auto;
   padding:10px 10px 10px 10px;   
 
}
#dot{
   border-radius: 1em;
   border-style:dashed; 
   border-color:#ff3366;
   padding:15px 15px 15px 15px;
   border-width:2px;
  } 


#main {
   float:left;
   width:550px;
}
#topics{
   width:600px;
}
#topics p{
   width:260px;
   float:left;
   
}
   

#sub {
   float:right;
   width:250px;
}

#footer {
   width:760px;
   margin:0 auto;
}

/* 回り込み解除 */
#menu:after,
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:10px 20px;
   font-size:24px;
  position:absolute;
 top:0px;
left:5px;
}

#header h6 {
position:absolute;
 top:5px;
left:100px;
}
#header p {
   margin:0;
   padding:0 20px;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:20px 0px;
}

#menu li {
   float:left;
   margin:0;
   padding:0;
   text-align:center;
   list-style-type:none;
}

#menu li a {
   display:block;
   width:120px;
   padding:5px 0;
   
}

#menu li a:hover {
   color:#ffffcc;
   
}
#menu_home{
margin:50px 0 0 0 !important;
}

#menu_home p{
padding:0 0 0 40px !important;
}
/* ========portfolio========= */
#dot img {
    float: left;
    margin-right:15px;
}

#dot .gallery img {
    margin-right:45px !important;
    margin-bottom:45px !important;
}

.tst1 {
    clear: both;
}
hr {
    border:0;
    border-bottom:2px dashed #ff3366;
}

.frd_box{
    width:400px;
    height:280px;
   float:left;
   padding:5px;
}
.frd_txt{
 padding-left:120px;
}

/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   text-align:center;
   font-size:12px;
   clear:both;
   
}

#pageTop a {
   padding:0 0 0 12px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
}
#pageTop img {
   float:none;
}


/* ========SUB CONTENTS CUSTOMIZE======== */

#sub h2 {
   margin-bottom:2px;
   padding:3px 5px;
   color:#fff;
   font-size:14px;
   font-weight:bold;
   border-left:5px solid #7d9a82;
   border-bottom:1px solid #7d9a82;
   background:#6a6a6a;
}

/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:20px 0;
   text-align:center;
   color:#333;
   font-style:normal;
   font-size:11px;
}


/* === タブメニュー開始 === */

/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 20px; /* ナビゲーションの上パディング */
background-color:none; /* ナビゲーションの背景色 */
font-size: 13px; /* タブメニューの文字サイズ */
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 99%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding-top: 10px ;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
position: relative;
z-index: 1;
width: 12em; /* タブの幅 */
margin: 0 4px -1px 0; /* タブのマージン（上右下左） */
background: url("../images2/tab_gen2_left.png") no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px; /* リンクエリアのパディング（上下、左右） */
background: url("../images2/tab_gen2_right.png") no-repeat right top;
background-color:none; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.nav ul.nl li.active {
z-index: 3;
background: url("../images2/tab_act2_left.png") no-repeat left top; 
background-color:none;/* タブの背景（左） */
}
div.nav ul.nl li.active a {
background: url("../images2/tab_act2_right.png") no-repeat right top; 
background-color:none;/* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

/* === タブメニュー終了 === */


/* === サブメニュー開始 === */

/* --- ナビゲーションバー --- */
div.localNav {
position: relative;
z-index: 2;
width: 100%; /* ナビゲーションの幅 */
background: #ff3366 url("../images2/hor2_menu2_off.png") repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #55001c solid; /* 上境界線 */
border-bottom: 1px #55001c solid; /* 下境界線 */
font-size: 11px; /* サブメニューの文字サイズ */
}

/* --- メニューエリア --- */
div.localNav ul.nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 1px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.localNav ul.nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
div.localNav ul.nl li.item1 {
width: 11em;
}
div.localNav ul.nl li.item2 {
width: 11em;
}
div.localNav ul.nl li.item3 {
width:11em;
}
div.localNav ul.nl li.item4 {
width: 11em;
}
div.localNav ul.nl li.item5 {
width:11em;
}

/* --- リンク --- */
div.localNav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 5px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
div.localNav ul.nl li a:link,
div.localNav ul.nl li a:visited,
div.localNav ul.nl li a:hover,
div.localNav ul.nl li a:active
{
color: #ffffff;
}
/* --- ポイント時の設定 --- */
div.localNav ul.nl li a:hover {
background: url("../images2/hor2_menu2_on.png") repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* === サブメニュー終了 === */


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.current{
    background: url("../images2/hor2_menu2_on.png") repeat-x scroll 0 -1px transparent;
}

#saite_p{
font-size:14px;
}
a:link { color: #0000ff; }
a:visited { color: #463fcc; }
a:hover { color: #ff1f54; }
a:active { color: #ff8000; }


/*jplayerの設定*/
#jplayer_area{
clear:both;
margin-left:0px;
}