@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "contents.css";

/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
.header-sp{
	display:none;
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}

.hidden {
	text-indent:-9999px;
	margin:0px;
	paading:0px;
}

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl, big {
	font-size: 100%;
	*font-size: 100%;
}
	
h1 {} /* Header内で設定 */
h2 { margin:0 0 1em 0;}
h3 { margin-top:15px;}

a { color:#000; text-decoration: underline;}
a:hover,
a:active { color:#000; text-decoration: none; }
a:visited {}
a:focus{ outline:none;}
/*
a img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

a:hover img{
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}*/

th,td,img {
vertical-align:top;}

p { margin:0 0 1em 0;}

img{ max-width: 100%;}


/*========================================================================================*/
/*                                    Container                                              */
/*========================================================================================*/

html { background:#FFFFFF;}
body {
	background:#FFFFFF;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000000;
	text-align:left;
	font-size: 100%;
	*font-size: 60%;
}

/*========================================================================================*/
/*                                    Header                                              */
/*========================================================================================*/

#headAbg{ /*background:#f3f3f3;*/background:#fff; padding:5px;
}



#headA{
	width:950px;
	margin: 0 auto;
	text-align: right;}
#headA ul.hbox01{ float:right;}
#headA ul.hbox01 li{ float:left; padding:1px 10px 0 0;}
#headA ul.hbox01 li a{ background:url(../images/icon01.jpg) 0 center no-repeat; padding-left:20px;}

#headA ul.hbox02 { float:right;}
#headA ul.hbox02 li{ float:left;}

#headB{
	width:950px;
	margin: 0 auto;
	text-align: left; 
	padding:5px 0 0 0;
}

#headB h1 { float:left; width:325px;}

#headB #seach{
	background:url(../images/head01.jpg) 0 0 no-repeat;
	margin:0 0 0 70px;
	padding-right:35px;
}
#headB #seach{
	float:left;
	width:320px;
	height:60px;
}

#headB #seach .query {
	margin:32px 10px 0px 50px;
	width:150px;
	float:left;
	}
#headB #seach .submit {
	text-indent:-9999px;
	background-image:url(../images/h_btn01.jpg);
	width:76px;
	height:25px;
	display:block;
	float:left;
	border:none;
	margin:28px 0px 0px 0px;
	padding:0px;
	}


#headB #seach form .fBtn {
	float:left;
	margin:35px 0 0 53px;
	margin:33px 0 0 53px;
}
#headB #seach form img {
	float:left;
	margin:30px 0 0 5px;
	margin:30px 0 0 5px\9;
}


#headB #btn_text{
	background:url(../images/head02.jpg) 0 0 no-repeat;
}
#headB #btn_text{
	background:url(../images/head02.jpg) 0 0 no-repeat;
/*	float:left;*/
	float:right;
	width:200px;
	height:60px;
}

#headB #btn_text ul{ padding:35px 0 0 80px;}
#headB #btn_text ul li.changeBtn { float:left; padding-right:3px;}



/*========================================================================================*/
/*                                  Global-nav                                            */
/*========================================================================================*/

#globalMenu { background: url(../images/g_navi_bg.gif) 0 0 repeat-x; padding-bottom:40px; padding-top:10px;
border-bottom:3px solid #a8caee;}

ul#globalNav {
	width:950px;
	margin: 0 auto;
	text-align: left;
	min-height:50px;
	height:auto;
}
ul#globalNav li.gh { float:left; width:27px; padding:3px 0px 0 0px; margin-right:3px; margin-left:20px;}
ul#globalNav li.gn { float:left; width:96px; padding:3px 0; margin-right:3px;}

ul#globalNav li ul.submenu {
	padding:5px;
	position: absolute;
	display: none;
	left:50%;
	top:140px;
	color: #000;
	font-size:100%;
}

ul#globalNav li:hover ul.submenu li { display: block; float:left;}
ul#globalNav li ul.submenu li a { display:inline; font-size:110%;}

ul.submenu01 { margin-left:-485px;}
ul.submenu02 { margin-left:-340px;}
ul.submenu03 { margin-left:-235px;}
ul.submenu04 { margin-left:-340px;}
ul.submenu05 { margin-left:-485px;}
ul.submenu06 { margin-left:-25px;}
ul.submenu07 { margin-left:-105px;}
ul.submenu08 { margin-left:-55px;}
ul.submenu09 { margin-left:-25px;}

/*========================================================================================*/
/*                                        Wrap                                            */
/*========================================================================================*/

#wrap {
	width:950px;
	margin:0 auto;
	text-align:left;
	padding-bottom:30px;
}


/*========================================================================================*/
/*                                        Contents                                        */
/*========================================================================================*/

#contents{
	float:left;
	width:610px;
	padding-top:15px;
	font-size:100%;
	line-height:180%;
}

/*========================================================================================*/
/*                                        MainImage                                       */
/*========================================================================================*/

#slider {
	border:5px solid #d1d1d1;
	width: 600px; /* important to be same as image width */
    height: 450px; /* important to be same as image height */
    position: relative; /* important */
	margin-bottom:15px;
}
#sliderContent {
    width: 600px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 12px/14px Arial, Helvetica, sans-serif;
	line-height: 1.8;
    padding:15px 20px;
    width: 560px;
    background-color: #222;
    filter: alpha(opacity=70);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
}
.mainText {
	bottom: 0;
	left: 0;
}


/*========================================================================================*/
/*                                        Bnr                                       */
/*========================================================================================*/

ul.c_bnr {
	border-top:10px solid #ebebeb;
	padding:15px 0;
	margin-top:5px;}
ul.c_bnr li{ float:left; margin:0 9px 10px 0; border:1px solid #acacac;}
ul.c_bnr li.no_cbnr{ float:left; margin:0 0 10px 0; border:1px solid #acacac;}


/*========================================================================================*/

ul.d_bnr{
	border-top:10px solid #ebebeb;
	padding:15px 0;
	margin-top:5px;}
	
ul.d_bnr li { float:left; padding:0 10px 10px 0;}
ul.d_bnr li.no_dbnr{ float:left; padding:0 0 10px 0;}



/*========================================================================================*/
/*                                        SideNav                                         */
/*========================================================================================*/

#sideNav{ float:left; width:325px; padding:0 0 0 15px;}

#h3info{ float:left;}
dl.info{ border-bottom:1px dotted #CCCCCC; padding:10px 5px;}
dl.info dt{ background:url(../images/icon02.jpg) 0 0 no-repeat; padding:1px 0 0 15px; font-size:100%;}
dl.info dd{ padding-left:15px;}
dl.info dd strong { color:#431313; font-size:100%;}
dl.info dd strong a { color:#431313; font-size:100%;}

#h3news{ float:left;}
dl.news{ border-bottom:1px dotted #CCCCCC; padding:10px 5px;}
dl.news dt {clear:left; line-height: 1.3em;
}
dl.news dt.news00{ background:url(../images/idx_news_icon03.gif) 0 0 no-repeat; padding:1px 0 5px 110px;  font-size:100%;}
dl.news dt.news01{ background:url(../images/idx_news_icon01.gif) 0 0 no-repeat; padding:1px 0 5px 110px;  font-size:100%;}
dl.news dt.news02{ background:url(../images/idx_news_icon02.gif) 0 0 no-repeat; padding:1px 0 5px 110px;  font-size:100%;}
dl.news dt.news05{ background:url(../images/idx_news_icon05.gif) 0 0 no-repeat; padding:1px 0 5px 110px;  font-size:100%;}
dl.info dt.news03, dl.news dt.news03{ background:url(../images/idx_news_icon04.gif) 0 0 no-repeat; padding:1px 0 5px 110px;  font-size:100%;}
dl.news dd{ color:#431313; padding-left:15px; font-size:100%;}

ul.s_bnr li { padding:10px 0 0 0;}


/*---Blog Parts---*/
.blog h4 {
	background:url(../img_blog/Sidemenu_TitleBG.png);
	width:306px;
	height:30px;
	display:block;
	padding:8px 0px 0px 20px;
	margin-top:10px;
	font-size:120%;
	font-weight:bold;
	color:#0d4342;
}
.blog li {
	background:url(../img_blog/SideMenu_Icon.png) no-repeat;
	padding:0px 0px 0px 16px;
	margin-top:3px;
	}
.titleBlo {
	background:url(../img_blog/Entry_TitleBG.png) no-repeat;
	width:555px;
	height:75px;
	display:block;
	padding:0px 0px 0px 75px;
	}
.titleBlo .date { width:110px; height:44px; display:block; float:left; font-size:110%; color:#3b3b3b; text-align: right; padding-top:25px;}
.titleBlo .titleEntry {width:420px; height:44px; display:block; float:left; font-size:120%; font-weight:bold; padding-top:10px;}
	

/*========================================================================================*/
/*                                     Footer                                           */
/*========================================================================================*/
#f_bnr{
	width:950px;
	margin:0 auto; 
	border-top:5px solid #acacac;
	padding:15px 0;
	text-align:left;}
	
#f_bnr ul li{ float:left; padding:0 10px 10px 0;}
#f_bnr ul li.nospace{ float:left; padding:0 0 10px 0;}

/*========================================================================================*/

#foot{ /*background:#e1e1e1;*/background:#fff; border-top:3px solid #a8caee;}

#footer{
	width:950px;
	margin:0 auto;
	padding:20px 0;}

/*========================================================================================*/

#fNav ul{ text-align:center; padding:0;}
#fNav ul li{
	display: -moz-inline-box;
	display: inline-block;
	font-size:100%;
}

* html #fNav ul li{    
	display: inline;  
	zoom: 1;  
 }  
*+html #fNav ul li {    
	display: inline;  
	zoom: 1;  
} 

/*========================================================================================*/

#footer .flogo{ padding-top:15px; text-align:left;}
#footer .ftext{ padding:0 0 0 75px; text-align:left;}

#foot .copy{ padding:0 0 0 75px; text-align:left;}

.jp_wrap.youtube {
    padding: 0 !important;
}

.jp_wrap.youtube iframe {
    width: 100% !important;
    height: 560px !important;
}
#flower .fltR h3 {
	background: #ffeaf1;
	padding: 2%;
	border-radius: 10px;
}