/*
Theme Name: 
Author: 
Author URL: 
Version: 1.0
*/

@charset "UTF-8";

/*------------------------------------------------------------------------
	Common
------------------------------------------------------------------------*/

.clear {
	clear: both;
	height: 0px;
}

a{
	color: #006699;
	text-decoration:none;
	outline:none;
}

a:hover{
	color:#FF6600;
}


.fontsize-big {
	font-size: 18px;
}

.separate-line {
	clear: both;
	float: left;
	width: 750px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	height: 1px;
	margin-left: 20px;
}

.blue-big-font {
	font-size: 16px;
	font-weight: bold;
	color: #003366;
}

.address-table {
	margin-top: 10px;
}

/*-- 角丸・シャドウ ----------------------------*/

/*-- ↓PIE.htcをサーバーにアップロード --*/
.around {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(./PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */
}

.shadow {
	-webkit-box-shadow: #666 2px 2px 3px;
	-moz-box-shadow: #666 2px 2px 3px;
	box-shadow: #666 2px 2px 3px;
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(./PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */
}

.gradation {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fc0), to(#f60));
	background-image: -moz-linear-gradient(top, #fc0, #f60);
	background-image: -ms-linear-gradient(top, #fc0, #f60);
	background-image: -o-linear-gradient(top, #fc0, #f60);
	background-image: linear-gradient(top, #fc0, #f60);
	-pie-background: linear-gradient(#fc0, #f60);
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(./PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */

}
/*-- ↑PIE.htcをサーバーにアップロード --*/


.box-shadow {
	box-shadow:1px 1px 5px #bbb;
	-moz-box-shadow: 1px 1px 5px #bbb; /* FireFox */
	-webkit-box-shadow: 1px 1px 5px #bbb; /* webkit */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true)";

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true); /* IE5.5+ */
	background:#fff;
}

/*-- page-top ------------------------------*/

#page-top {
	position: fixed;
	bottom: 10px;
	right: 20px;
	font-size: 100%;
}

#page-top a {
	text-decoration: none;
	width: 40px;
	text-align: center;
	display: block;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
	background-color: #036;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative; /* CSS3 PIE が背景色に隠れないようにする */
	behavior: url(./PIE/PIE.htc); /* IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドに対応する */

}

#page-top a:hover {
	text-decoration: none;
	background-color: #f60;
}

/*-- IMAGE MARGIN ----------------------------*/

.image-bottom-space-10 {
	margin-bottom: 10px;
}

.image-top-bottom-space-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*-- box-shadow ----------------------------*/

.box-shadow {
	box-shadow:1px 1px 5px #bbb;
	-moz-box-shadow: 1px 1px 5px #bbb; /* FireFox */
	-webkit-box-shadow: 1px 1px 5px #bbb; /* webkit */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true)";

	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bbbbbb,direction=120,strength=3,enabled=true); /* IE5.5+ */
	background:#fff;
}

/*-- box-frame ----------------------------*/

.box-frame {
	background-color: #FFFFFF;
	padding: 10px;
	float: left;
}


/*------------------------------------------------------------------------
	Layout
------------------------------------------------------------------------*/

/*-- body -------------------------------*/

body{
	*font-size:small;
	*font:x-small;
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
	font-family:myriad-pro-condensed-1, myriad-pro-condensed-2, 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
	font-size: 14px;
	line-height: 1;
}

#bg-top{
	background-image: url(../common_img/head_bg_top.jpg);
	background-repeat: repeat-x;
}

#bg{
	background-image: url(../common_img/head_bg.jpg);
	background-repeat: repeat-x;
}


/*-- wrapper -------------------------------*/

#wrapper {
	height: 100%;
	min-height: 100%;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}



/*-- header --------------------------------*/

#head-description {
	height: 30px;
	width: 950px;
	font-size: 12px;
	color: #CCFFFF;
	line-height: 30px;
}

#header-top {
	height: 80px;
	width: 950px;
	background-image: url(../common_img/head_image.png);
}

#header {
	height: 80px;
	width: 950px;
	background-image: url(../common_img/head_image.png);
	margin-top: 15px;
}

#head-title {
	float: left;
	height: 105px;
	width: 505px;
}

#head-info {
	float: right;
	height: 105px;
	width: 305px;
}



/*-- navibar -------------------------------*/

#navibar {
	height: 40px;
	width: 950px;
	float: left;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#navibar li {
	float: left;
	margin: 0px;
	padding: 0px;
}
#navibar ul {
	float: left;
	margin: 0px;
	height: 40px;
	width: 950px;
	padding: 0px;
}


/*-- breadcrumb-list -----------------------*/



/*-- title ---------------------------------*/

#title {
	float: left;
	width: 950px;
	height: 90px;
}

#left-title {
	float: left;
	height: 800px;
	width: 180px;
}

/*-- main ----------------------------------*/

#main {
	width: 950px;
	float: left;
}

#main a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}



/*-- footer --------------------------------*/

#footer {
	width: 100%;
	background-image: url(../common_img/foot_bg.gif);
	background-repeat: repeat-x;
	height: 130px;
	float: left;
}

#footer-box {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	float: none;
}

#foot-left {
	width: 705px;
	float: left;
	height: 70px;
}

#footer-box ul {
	float: left;
	width: 500px;
	margin-top: 15px;
	height: 13px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#footer-box li {
	float: left;
	margin-right: 30px;
	background-image: url(../common_img/foot_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 13px;
	line-height: 13px;
	background-position: 0px 2px;
}
#foot-left p {
	font-size: 13px;
	line-height: 13px;
	color: #FFFFFF;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#foot-left a {
	color: #FFFFFF;
}

#foot-left a:hover {
	color: #FF9900;
}


#foot-logo {
	float: right;
}

/*-- copyright -----------------------------*/

#copyright {
	height: 40px;
	width: 950px;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}

/*-- viewer -------------------------------*/

#viewer {
	width: 950px;
	height: 330px;
	text-align: left;
	overflow: hidden;
	position: relative;
	float: left;
}
#pickup {
	float: left;
	height: 200px;
	width: 950px;
	overflow: hidden;
}
.pickup-item {
	background-color: #FFFFFF;
	float: left;
	height: 170px;
	width: 300px;
	margin-top: 10px;
	margin-right: 10px;
	padding: 5px;
	font-size: 14px;
	line-height: 160%;
}
.pickup-item p {
	float: left;
	margin: 5px;
}
#pickup-box {
	float: left;
	height: 300px;
	width: 960px;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}


/*------------------------------------------------------------------------
	Main-Contents
------------------------------------------------------------------------*/

#area-box {
	float: right;
	width: 770px;
}

/*-- HOME(toppage) -------------------------*/

#top-left-box {
	float: left;
	width: 720px;
	margin-top: 10px;
}

#top-right-box {
	float: right;
	width: 230px;
	margin-top: 10px;
}

#top-tenpo-box {
	float: left;
	height: 158px;
	width: 348px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #3183AD;
}

.top-left-text {
	float: left;
	width: 165px;
	margin-top: 10px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 120%;
}

#top-left-photo {
	float: right;
	height: 98px;
	width: 160px;
	margin-top: 10px;
	margin-right: 7px;
}

#top-shokuji-box {
	float: left;
	height: 158px;
	width: 348px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #838331;
}

#top-shutten-box {
	float: left;
	height: 158px;
	width: 348px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #B57B3A;
}

#top-kaimono-box {
	float: left;
	height: 158px;
	width: 348px;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #8C4040;
}

#top-right-box img {
	margin-bottom: 10px;
}

#top-news {
	float: left;
	width: 630px;
}

#top-news-list-box {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 620px;
}



#top-news-list-box dl {
	margin-bottom: 10px;
	margin-left: 12px;

}
#top-news-list-box dl img {
	margin-right: 5px;
}



#top-news-list-box dt {
	clear: left;
	float: left;
	padding-left: 12px;
	color: #FF6600;
	background-image: url(../images/arrow_red.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 14px;
	line-height: 160%;
}



#top-news-list-box dd {
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 100px;
	font-size: 14px;
	line-height: 160%;
}

#right-info {
	float: right;
	width: 290px;
	background-color: #E7E3D8;
	background-image: url(../images/right_info_bg.gif);
	background-repeat: no-repeat;
	padding: 10px;
	font-size: 13px;
	line-height: 120%;
}



#right-info img {
	margin-bottom: 10px;
}

#banner-box {
	float: left;
	height: 90px;
	width: 950px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	overflow: hidden;
}

#banner {
	float: left;
	height: 70px;
	width: 965px;
	margin-top: 10px;
}

#banner img {
	float: left;
	margin-right: 10px;
}