@charset "Shift_JIS";
/* CSS Document */
/* いつもの#bc8f8f */

html{font-size:16px; height:100%;}
body{
	color:#300;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:80%;
	line-height:1.5;
	text-align:center;
	background:#fff;
	height:100%;
	}
	
/*** 通常リンク ***/
a{text-decoration:none;}
a:link {color:#0046ae;text-decoration:underline;} 
a:visited {color:#39F;text-decoration:underline;}
a:hover {color:#0046ae; text-decoration:none;}
a:active,a:focus{ outline:none; }

/*** 画像半透明リンク ***/
a img.linkimg{
background:none!important;
}
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

/*** 外枠 ***/
#sotomi{width:860px; margin:0px auto; padding:10px;}

/*** ヘッダー ***/
#header{text-align:center; width:100%; height:100px; margin:0px; border-bottom:#0046ae 1px dashed;}
.hd{text-align:center; width:860px; margin:0px auto;}
.hd h1{text-align:center; float:left; width:230px; margin-top:10px;}
.menu{text-align:right; float:left; width:550px; margin-left:50px; margin-top:20px;}
ul#menu {
margin:0px 5px;
list-style:none;
padding:0px;
}

ul#menu li {
margin:0px 5px;
display:inline;
list-style:none;
}

.clear{clear:left;}

.tope{width:850px; height:300px; margin:0; background:url(../e/ktop12.jpg) no-repeat top center; padding-top:50px;}
ul#topmenu {
margin-left:530px;
margin-top:170px;
list-style:none;
padding:0px;
width:300px;
}
ul#topmenu li {
margin:5px 0 0 5px;
display:block;
float:left;
list-style:none;
}


/* clearfix */
.clearfix:after { 
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* clearfix for ie7 */
.clearfix { display: inline-block; }
.clearfix { display: block; }


/*** 見出し ***/
h2{font-size:120%; height:40px; margin:0px; padding-left:10px;}
h3#a{color:#fbc50b; font-weight:bold; font-size:110%; margin:0px 10px;}
h3#up{color:#fbc50b; margin:0px 5px; font-size:90%; font-weight:bold;}
h3#ev{color:#0046ae; font-size:110%; margin:0; font-weight:bold;}

/*** 左右 ***/
.hidari{text-align:left; width:400px; float:left; margin-bottom:50px;}
.migi{text-align:left; width:400px; float:left; margin-left:30px; margin-bottom:50px;}
.linkhidari{text-align:left; width:380px; float:left; margin-bottom:20px;}
.linkmigi{text-align:left; width:450px; float:left; margin-left:30px; margin-bottom:20px;}
.work{text-align:left; width:370px; float:left;}
.event{text-align:left; width:370px; float:left; margin-left:30px; margin-bottom:50px;}

/*** 中身 ***/
p{text-align:left; margin:5px 0px 10px;}
p.com{text-align:center; margin:5px 0px 10px;}

.a{text-align:left; margin:20px 15px;}/* 中枠 */
.b{text-align:left;}/* 大枠 */
.c{text-align:center; margin:25px 15px;}
.prof{text-align:left; margin:5px 15px 10px; overflow:hidden; _zoom:1;}

hr{border:none; border-top:1px dashed #0046ae; margin:10px 0;}
em{background-color:#fbc50b; font-style:normal;}/* 強調 */
strong{border-bottom:#F00 3px solid;}/* 更に強調 */
img.prof{width:200px; float:left;}
img.com{margin-bottom:15px;}


/*** 履歴 ***/
.up{text-align:left; width:360px; height:100px; margin:25px 15px; padding:5px; border:1px solid #0046ae; overflow:auto; }
dl#up{margin:5px; padding:0px; font-size:90%;}
dl#up dt{font-weight:bold; color:#39F; clear:left; float:left;}
dl#up dd{margin-left:5em;}

/*** リスト ***/
dl#about{margin:10px 0px; font-size:90%;}
dl#about dt{border-left:#0046ae 5px solid; font-weight:bold; padding-left:5px;}
dl#about dd{margin:5px 0px 5px 20px;}

dl#works{margin:5px;}
dl#works dt{float:left; clear:left;}
dl#works dd{margin-left:4em;}

dl#event{margin:5px; width:815px; border-top:#39F dotted 1px;}
dl#event dt{float:left; clear:left; padding:5px 0;}
dl#event dd{padding:5px 0 5px 12em; border-bottom:#39F dotted 1px; margin:0;}

ul#pict{list-style-type:none; margin:5px 0px; padding:0px; width:100%;}
ul#pict li{list-style-type:none; display:inline; margin:0px;}

ul.goods {width:720px; margin:0 auto; padding:0; list-style-type:none;}
ul.goods li {width:160px; height:220px; float:left; margin-bottom:10px; padding:10px;}


/***  ***/
input.msg{width:500px; background-color:transparent; border:0px; margin:5px;}

/*** フッター ***/
.foot{font-size:75%; text-align:center; margin-top:20px; clear:left; border-top:#0046ae dashed 1px; padding:10px 0;}

/* ===============================
　　　js関係
================================== */

/*** スライダー ***/
.slider-wrapper { 
	width: 750px; 
	height:200px;
	margin: 10px auto 60px;
}

/*** back to top ***/
#back-top {
	position: fixed;
	bottom: 50px;
	margin-left: 900px;
	float:left;
	line-height:25px;
	overflow:hidden;
	z-index:9999;
}

#back-top a {
	width: 60px;
	height:25px;
	display: block;
	text-align: center;
	font: bold 100% Arial, Helvetica, sans-serif;
	text-transform: none;
	text-decoration: none;
	color: #0046ae;
	line-height:25px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #39f;
}

/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 25px;
	display: block;
	margin-bottom: 7px;
	background:#0046ae;
	color:#FFF;
	font-size:100%;
	font-weight:bold;
	text-align:center;
	float:left;
	
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #39f;
	color:#FFF;
}