@charset "shift_jis";
/*common*/
html, body {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
h1, h2, h3, h4, h5, h6, address {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

div, blockquote, p, pre, ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

table, caption, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	color: #333333;
}

hr {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

iframe {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

form, fieldset, input, button, select, optgroup, option, textarea,
label, legend {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br,
ins, del, a, img, object {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: inherit;
  font-size: 100%;
}
/*全体*/
body {
	text-align: center;
	margin-top: 20px;
	font-size: 80%;
	font-family: "Verdana", "monospace", "ヒラギノ角ゴ Pro W6 ", "Arial", "Helvetica", "sans-serif", "Osaka", "MS ゴシック";
	color: #333333;
	
}
*{margin:0; padding:0}
img{border:0}
br{letter-spacing:0} 

div#wrap {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
div#left {
	height: 464px;
	width: 735px;
	clear: left;
	background: url(images/waku.gif) no-repeat;
	padding-top: 12px;
	padding-left: 12px;
	margin-top: 0px;
	float: left;
}
div#right {
	width: 150px;
	float: left;
}
div#footer {
	width: 735px;
	padding-top: 15px;
	clear: left;
}
div#p-flash{
	width:705px;
	height:440px;

}
div.mobile{	background: url(images/mobile.gif);}
div#m-flash{
	width:248px;
	height:356px;
	padding-left:360px;
	padding-top:25px
}
div#photodiv{
	height: 440px;
	width: 705px;
	font-size: 0px;
	line-height: 0px;
}

/* 下ナビゲーションバナー
-------------------------------------------------- */
p#logo {
	height: 43px;
	width: 100px;
	display: inline;
	margin-right: 20px;
	margin-top: 0px;
	float: left;
	margin-left: 45px;
}


p#logo2 {/* left banner */
margin-top: 10px;
	float: left;
	margin-right: 20px;
	margin-left: 5px;

}
p#logo3 {
	padding-left: 280px;
	height: 32px;
	width: 144px;
	float: left;
	
}


p#logo4 {
	height: 17px;
	width: 141px;
	float: right;
	padding-top: 8px;
	padding-right:65px;
}
p#logo4 a {
	color: #FFFFFF;	
}

p#logo5 {
	height: 43px;
	width: 100px;
	display: inline;
	margin-right: 20px;
	margin-top: 0px;
	float: left;
	margin-left: 299px;/* common 45px */
}


/*下部ナビ部分*/

ul#bottom li {
	height: 14px;
	list-style-type: none;
	float: left;
	background: no-repeat;
	text-indent: -9999px;
	margin-right: 5px;
	margin-left: 2px;
	margin-bottom: 5px;
}
ul#bottom a {
	overflow:hidden;
	display: block;
	height: 100%;
	width: 100%;
	line-height: 100%;
}
ul#bottom-2 {
	float: right;
	padding-right: 45px;
	margin-top:7px;
}
ul#bottom-2 li {
	height: 14px;
	list-style-type: none;
	float: left;
	background: no-repeat;
	text-indent: -9999px;
	margin-right: 5px;
	margin-left: 5px;
}
ul#bottom-2 a {
/* \*/ overflow:hidden; /* */
	display: block;
	line-height: 100%;
	height: 100%;
	width: 100%;
}
li#bottom1 {
	background: url(images/bottom1-over.gif);
	width: 65px;
}
li#bottom1 a {
	background: url(images/bottom1.gif) ;
}
li#bottom2 {
	background: url(images/bottom2-over.gif);
	width: 50px;
}
li#bottom2 a {
	background: url(images/bottom2.gif) ;
}
li#bottom3 {
	background: url(images/bottom3-over.gif);
	width: 96px;
}
li#bottom3 a {
	background: url(images/bottom3.gif) ;
}
li#bottom4 {
	background: url(images/bottom4-over.gif);
	width: 49px;
}
li#bottom4 a {
	background: url(images/bottom4.gif) ;
}
li#bottom5 {
	background: url(images/bottom5-over.gif);
	width: 59px;
}
li#bottom5 a {
	background: url(images/bottom5.gif) ;
}


li#bottom1 a:hover {
	background: url(images/bottom1-over.gif);
}
li#bottom2 a:hover {
	background: url(images/bottom2-over.gif);
}
li#bottom3 a:hover {
	background: url(images/bottom3-over.gif);
}
li#bottom4 a:hover {
	background: url(images/bottom4-over.gif);
}
li#bottom5 a:hover {
	background: url(images/bottom5-over.gif);
}

div#copy {
	background: url(images/copy.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin-left: 50px;
	clear: left;
}
div#copy2 {
	background: url(images/copy.gif) no-repeat 470px;
	text-indent: -9999px;
	display: block;
	margin-top: 2px;
	width:735px;
	float:right;
}
div#bn{
	float: left;
	width: 290px;
}
p#bn{
	padding:0 0 0 30px;
	height:30px;
	clear: left;	
}
p#bn2{
	float: left;
	padding-left:10px;
	}
/* 右ナビゲーションバナー
-------------------------------------------------- */
p#info{
	margin-top: 10px;
}
p#info a{
	color: #FFFFFF;
}

/*仮*/
h1{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 15px;
}
/* ナビゲーション
-------------------------------------------------- */
ul#nav,ul#nav-2 {
	margin-top: 5px;
}
ul#nav li {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	height: 40px;
	width: 150px;
	text-indent: -9999pt;
	list-style-type: none;
	/*display:inline;*/
}
ul#nav-2 li {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	height: 48px;
	width: 150px;
	text-indent: -9999pt;
	list-style-type: none;
	/*display:inline;*/
}

ul#nav a,ul#nav-2 a {
/* \*/ overflow:hidden; /* */
	display: block;
	height: 100%;
	width: 100%;
}
li#nav1 {
	background: url(images/nav1-over.gif);
}
li#nav1 a {
	background: url(images/nav1.gif) no-repeat;
}
li#nav1 a:hover {
	background: url(images/nav1-over.gif);
}
li#nav2 {
	background: url(images/nav2-over.gif);
}
li#nav2 a {
	background: url(images/nav2.gif) no-repeat;
}
li#nav2 a:hover {
	background: url(images/nav2-over.gif);
}
li#nav3 {
	background: url(images/nav3-over.gif);
}
li#nav3 a {
	background: url(images/nav3.gif) no-repeat;
}
li#nav3 a:hover {
	background: url(images/nav3-over.gif);
}
li#nav4 {
	background: url(images/nav4-over.gif);
}
li#nav4 a {
	background: url(images/nav4.gif) no-repeat;
}
li#nav4 a:hover {
	background: url(images/nav4-over.gif);
}
li#nav5 {
	background: url(images/nav5-over.gif);
}
li#nav5 a {
	background: url(images/nav5.gif) no-repeat;
}
li#nav5 a:hover {
	background: url(images/nav5-over.gif);
}
li#nav6 {
	background: url(images/nav6-over.gif);
}
li#nav6 a {
	background: url(images/nav6.gif) no-repeat;
}
li#nav6 a:hover {
	background: url(images/nav6-over.gif);
}
li#nav7 {
	background: url(images/nav7-over.gif);
}
li#nav7 a {
	background: url(images/nav7.gif) no-repeat;
}
li#nav7 a:hover {
	background: url(images/nav7-over.gif);
}
li#nav8 {
	background: url(images/nav8-over.gif);
}
li#nav8 a {
	background: url(images/nav8.gif) no-repeat;
}
li#nav8 a:hover {
	background: url(images/nav8-over.gif);
}
li#nav9 {
	background: url(images/nav9-over.gif);
}
li#nav9 a {
	background: url(images/nav9.gif) no-repeat;
}
li#nav9 a:hover {
	background: url(images/nav9-over.gif);
}
li#nav10 {
	background: url(images/nav10-over.gif);
}
li#nav10 a {
	background: url(images/nav10.gif) no-repeat;
}
li#nav10 a:hover {
	background: url(images/nav10-over.gif);
}
/*会社概要ナビ部分*/
li#nav2-1 {
	background: url(images/nav2-1.gif);
}
li#nav2-1 a {
	background: url(images/nav2-1.gif) no-repeat;
}
li#nav2-1 a:hover {
	background: url(images/nav2-1-over.gif);
}
li#nav2-2 {
	background: url(images/nav2-2.gif);
}
li#nav2-2 a {
	background: url(images/nav2-2.gif) no-repeat;
}
li#nav2-2 a:hover {
	background: url(images/nav2-2-over.gif);
}
li#nav2-3 {
	background: url(images/nav2-3.gif);
}
li#nav2-3 a {
	background: url(images/nav2-3.gif) no-repeat;
}
li#nav2-3 a:hover {
	background: url(images/nav2-3-over.gif);
}
li#nav2-4 {
	background: url(images/nav2-4.gif);
}
li#nav2-4 a {
	background: url(images/nav2-4.gif) no-repeat;
}
li#nav2-4 a:hover {
	background: url(images/nav2-4-over.gif);
}
li#nav2-5 {
	background: url(images/nav2-5.gif);
}
li#nav2-5 a {
	background: url(images/nav2-5.gif) no-repeat;
}
li#nav2-5 a:hover {
	background: url(images/nav2-5-over.gif);
}
li#nav2-6 {
	background: url(images/nav2-6.gif);
}
li#nav2-6 a {
	background: url(images/nav2-6.gif) no-repeat;
}
li#nav2-6 a:hover {
	background: url(images/nav2-6-over.gif);
}
.bold {
	font-weight: bold;
	letter-spacing: 0.1em;
}
p.center {
	text-align: center;
}
span.none {
	display: none;
}
div.none{display: none;}
p#copy {
	text-align: right;
}
div#textwrap {
	height: 440px;
	width: 665px;
	overflow: auto;
	margin-left: 20px;
	clear: left;
	float: left;
}
div#textwrap2 {
	height: 440px;
	width: 665px;
	
	margin-top: 0px;
	margin-left: 10px;
	
}

/* 年末年始ページ枠（スクロール）
-------------------------------------------------- */
div#textwrap4 {
	height: 435px;
	width: 665px;
	margin-left: 45px;
	padding-top:5px;
}
div#textwrap5 {
	height: 422px;
	width: 665px;
	margin-top: 30px;
	margin-left: 45px;
}
div#left2 {
	height: 464px;
	width: 735px;
	
	background: url(images/washi-bg.jpg) no-repeat;
	padding-top: 12px;
	padding-left: 12px;
	margin-top: 0px;
	float: left;
}

p#mark {
	background: url(images/mark.gif) no-repeat;
	height: 91px;
	width: 150px;
	text-indent: -9999px;
	margin-top: 39px;
}
p.about-mark {
	font-size: 85%;
	margin-top: 5px;
}

div#textwrap3 {
	height: 350px;
	width: 645px;
	float: left;
	clear: left;
	margin-top: 0px;
	padding-left: 25px;
	
}

.time a {
	color: #CC0000;
}
.time a:hover {
	color: #666666;
}
p.at{
	font-size: 123.1%;
	font-weight: bold;
	color: #C00;
}
/* wallpaper
-------------------------------------------------- */
div#wall-bg{
	background: url(img-wallpaper/check.gif) repeat;
	width: 703px;
	height: 440px;
}
div#wall-scroll{
	width: 650px;
	height: 120px;
	overflow: auto;
	margin-left: 30px;
	clear: left;
	margin-top: 3px;
}
div#wall-scroll2{
	width: 650px;
	height: 315px;
	overflow: auto;
	margin-left: 30px;
	clear: left;
	margin-top: 3px;
}

p.wall-icon{
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 10px;
}
p.wall-icon2{
	float: left;
	margin-right: 10px;
	margin-left: 18px;
	margin-top: 10px;
}
ul.wall-button li{
	margin-bottom: 5px;
	list-style: none;
}
ul.wall-button{
	margin-top: 35px;
	float: left;
}
div#scroll-contents{
	width: 630px;
	height: 130px;
	
}
p.visible{
	visibility: hidden;
}
#wall-bg h3{
	padding-left: 38px;
	margin-top: 5px;
	float: left;
	padding-right: 193px;
}
h3#wall-title{
	padding-right: 250px;
}
p#wall-bn-bt{
	margin-top: 7px;
}
/* wallpaper new
-------------------------------------------------- */

div#wall-bg1{
	background: url(img-wallpaper/new/check1.gif) repeat;
	width: 703px;
	height: 440px;
}
div#wall-bg2{
	background: url(img-wallpaper/new/check2.gif) repeat;
	width: 703px;
	height: 440px;
}
div#wall-bg3{
	background: url(img-wallpaper/new/check3.gif) repeat;
	width: 703px;
	height: 440px;
}
div#wall-bg4{
	background: url(img-wallpaper/new/check4.gif) repeat;
	width: 703px;
	height: 440px;
}
div#wall-bg5{
	background: url(img-wallpaper/new/check5.gif) repeat;
	width: 703px;
	height: 440px;
}
h3#wall-bn-title{
	margin-top: 20px;
	margin-left: 66px;
}
p#icon1{
	padding-left: 46px;
	float: left;
}
p#icon2{
	margin-left: 26px;
	float: left;
}
p#icon3{
	margin-left: 28px;
	float: left;
}
p#icon4{
	margin-left: 28px;
	float: left;
}
div#wall-bg2 h2,div#wall-bg3 h2,div#wall-bg4 h2,div#wall-bg5 h2{
	padding-top: 15px;
	padding-left: 30px;
	float: left;
}
p#wall-top-bt{
	float: left;
	padding-top: 15px;
	margin-left: 9px;
}
div.w-icon-box{
	width: 168px;
	float: left;
	text-align: center;
	margin-top: 16px;
	padding-left:6px;
	height:109px;
}
p.size-box {
   width:156px;
   height:19px;
}
p.size-box img{
	margin-right: 1px;
	margin-left: 1px;
	margin-top: 5px;
	width:50px;
	height:14px;
}
/*event*/
h2#event-title{
	float: left;
}
p#event-button{

}
p#event-main{
	clear: left;
}
p#event-main2{
	clear: left;
	padding-bottom: 3px;
}
p#event-toi{
	margin-top: 15px;
	text-align: center;
	margin-right: 10px;
}
h2#event-end{
	text-align: center;
	margin: 180px auto 170px;
	line-height: 170%;
}
h1#pagetitle-info {
	background: url(images/info-title.gif) no-repeat;
	height: 38px;
	width: 87px;
	float: left;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
div#event-w{
	text-align: left;
	line-height: 170%;
	height: 383px;
	padding-right: 100px;
	padding-left: 100px;
	margin-top: 70px;
}
p#summer{
	position: relative;
	left: 540px;
	top: 5px;
	float: left;
}
p#summer a{
	color: #CC0000;
}div#xmas-bg {
	background: url(img-xmaspack/bg.gif) 0px 0px;
	height: 440px;
	width: 705px;
}
div#order{
	background-image: url(fla/order.jpg);
	background-repeat: no-repeat;
	height: 440px;
	width: 705px;
}
p#order-bt{
	padding-top: 30px;
	padding-left: 452px;
}
p#order-bt2{
	padding-top: 4px;
	padding-left: 444px;
}
/*profile*/
table#profile{margin-top:20px;}
/* CSSハック
-------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

.clear {
	clear: both;
}