@import url("initial.css");

html,body{

	scrollbar-face-color:#FFFFFF;

	scrollbar-arrow-color:#C0C0C0;

	scrollbar-track-color:#FFFFFF;

	scrollbar-highlight-color:#FFFFFF;

	scrollbar-shadow-color:#FFFFFF;

	scrollbar-3dlight-color:#FFFFFF;

	scrollbar-darkshadow-color:#FFFFFF;


}

body{

	color: #a9a9a9;

	font-family: "メイリオ","Helvetica Neue";

	font-size: 0.8em;

	line-height: 1.5em;

	text-align: center;

	background: #fff;

	width: 100%;

	cursor: crosshair;

}

#whole{

	text-align: left;

	background: #fff;

	width: 320px;

	margin: 0px auto;

	border: #808080 1px solid;

}

#header{

	font-size: 9pt;

	line-height: 160%;

	background: #fff;

	background-image: url("../img/header_link_09.jpg");

	background-repeat: no-repeat;

	background-position: 50%,50%;

	color: #a9a9a9;

	width: 100%;

	height: 183px;

}


#header ul{

	position:absolute;

	top:182px;

}

#header li{

	float: left;

	margin-left: 0em;

	background-color: none;

	text-align: center;

	border: 1px solid #808080;

	border-right: none;

	width: 79px;

	line-height: 1.9em;

}

.menu{

	width: 79px;

	display: block;

	color:#fff;

	background: #a9a9a9;

	text-decoration: none;

	border: 1px solid #fff;

}


#header li.menu_left{

	border-left: 0;
}

#header li a:link, #header li a:visited, #header li a:hover,  #header li a:active{

	width: 79px;

	display: block;

	color:#fff;

	background: #808080;

	text-decoration: none;

	border: 1px solid #fff;

	height: 23px;

	font-weight: bold; 

}

#header li a:hover, #header li a:active{

	color:#fff;

	background: #778899;

	height: 23px;

}


#header li ul{

	list-style: none;
  	position: absolute;
	top: 100%;
  	left: 0px;
  	margin: 0;
  	padding: 0;
	border:none;

}

#header li ul li{
	  overflow: hidden;
 	 height: 0;
	border:none;
	-moz-transition: .2s;
	  -webkit-transition: .2s;
	  -o-transition: .2s;
	  -ms-transition: .2s;
	  transition: .2s;

}

#header li ul li a{
	color:#fff;
	background: #a9a9a9;
	height: 23px;
	text-decoration: none;
}

#header li:hover ul li{
	overflow: visible;
	color:#808080;
	background: #fff;
}




#sub{

	width: 320px;

	color: #696969;

	text-align: center;

	padding-top: 10px;

	margin: 0px auto;


}

.sub_profile{

	background-color: #f5f5f5;

	background-image: url("../img/body_01.gif");

	background-repeat: no-repeat;

	background-position: 50% 25px;

	text-align: center;

	font-family:"Arial","メイリオ","Helvetica Neue";

	font-size:12px;

	line-height: 1.2em;

	border: solid 0px #808080;

	border-top: double 1px #808080;

	border-bottom: solid 1px #808080;

	width: 320px;

	height: 220px;

	padding-top: 10px;

	padding-bottom: 10px;

	margin: 0px;

}

.sub_profile_01{

	background-color: #f5f5f5;

	background-image: url("../img/body_01.gif");

	background-repeat: no-repeat;

	background-position: 50% 30px;

	text-align: center;

	font-family:"メイリオ","Helvetica Neue";

	font-size:10px;

	line-height: 1.4em;

	border: solid 0px #808080;

	border-bottom: solid 1px #808080;

	width: 320px;

	height: 230px;

	padding-top: 10px;

	padding-bottom: 10px;

	margin: 0px;

}

.sub_profile_contents{

	background-color: none;

	background-image: url("../img/rogo_01_03.gif");

	background-repeat: no-repeat;

	background-position: 100% 102%;

	text-align: left;

	font-family:"メイリオ","Helvetica Neue";

	font-size:13px;

	line-height: 1.4em;

	border: solid 0px #808080;

	width: 275px;

	height: 160px;

	margin-left: 10px;

	padding : 20px 18px 18px 10px;

}


.introduction{

	background-color: #fff;

	background-image: url("../img/body_04_01.gif");

	background-repeat: no-repeat;

	background-position: 50% 10px;

	text-align: left;

	font-family:"メイリオ","Helvetica Neue";

	font-size:13px;

	line-height: 1.6em;

	border: solid 0px #808080;

	width: 320px;

	height: 185px;

	padding-top: 25px;

	padding-bottom: 10px;

	margin: 0px;

	border-bottom: none;

	border-bottom: solid 1px #808080;

	border-top: solid 0px #808080;


}

.introduction_01{

	background-color: #fff;

	background-image: url("../img/body_04.gif");

	background-repeat: no-repeat;

	background-position: 50% 10px;

	text-align: left;

	font-family:"メイリオ","Helvetica Neue";

	font-size:12px;

	line-height: 1.4em;

	border: solid 0px #808080;

	width: 310px;

	height: 185px;

	padding-top: 25px;

	padding-bottom: 10px;

	margin: 0px;

	padding-left:10px;

	border-bottom: none;

	border-bottom: solid 1px #808080;

}



.product{

	background-color: #fff;

	background-image: url("../img/body_03_01.gif");

	background-repeat: no-repeat;

	background-position: 50% 10px;

	text-align: center;

	font-family:"メイリオ","Helvetica Neue";

	font-size:13px;

	line-height: 1.4em;

	border: solid 0px #808080;

	border-bottom: solid 1px #808080;

	width: 320px;

	height: 470px;

	padding-top: 60px;

	padding-bottom: 10px;

	margin: 0px;

}

.deco_01{
	color:#FC94A4;
	font-weight:bold;
}

.deco_02{
	font-weight:bold;
	background-color:#e6f3ff;
}
.deco_03{
	font-weight:bold;
	background-color:#ffe6f3;
}
.deco_left{
	text-align: left;
	padding-left: 40px;

}

.product_contents{
	width: 280px;

	height: 330px;

	margin-left: 10px;

	margin-top: 10px;

	text-align: left;


}

.product_contents ul li{

	list-style-type: none;
	list-style-position: outside;
	margin-left: 15px;
	line-height: 1.6em;
}

.deco_04{
	letter-spacing:5px;
}
.deco_05{
	font-weight:bold;
text-decoration: underline;
}

.deco_06{
	font-weight:bold;
  background-image: linear-gradient(transparent 80%, #ffe6ee 0%)
}
.deco_07{
	font-weight:bold;
  background-image: linear-gradient(transparent 80%, khaki 0%)
}
.deco_08{
	font-weight:bold;
  background-image: linear-gradient(transparent 80%, #cfc3d9 0%)
}
.deco_09{
	font-weight:bold;
  background-image: linear-gradient(transparent 80%, #f0f8ff 0%)
}
.deco_010{
	font-weight:bold;
  background-image: linear-gradient(transparent 80%, #D5EBFF 0%)
}

.sub_box{

	text-align: center;

	font-family: "メイリオ","Helvetica Neue";

	font-size:9pt;

	line-height: 1.5em;

	border: solid 1px #808080;

	width: 300px;

	padding-top: 10px;

	padding-bottom: 10px;

	margin: 10px;

	background: #f5f5f5;

}


hr{

	border-top: 3px double #8c8b8b;

}
h3{

	color: #fff;

	background: #a9a9a9;

	font-weight: lighter;

	font-size: 1.2em;

	line-height: 1.5em;

	border: solid 1px #fff;

	width: 158px;

	margin: 0px auto;

	margin-bottom: 10px;

}

.sub_box a:link, .sub_box a:visited, .sub_box a:hover,  .sub_box a:active{

	width: 100px;

	height: 25px;

	display: inline-block;

	color:#fff;

	background: #a9a9a9;

	text-decoration: none;

	border: double #fff 3px;

	line-height:200%;

	margin-left: 15px;

	text-align: center;

	vertical-align:middle;

}

.sub_box a:hover, .sub_box a:active{

	color:#fff;

	background: #778899;

}


.work a:link, .work a:visited, .work a:hover,  .work a:active{

	color:#778899;

	text-decoration: none;

	border: none;

	line-height:1.6em;

	text-align: center;

	vertical-align:middle;

}

.work a:hover, .work a:active{

	color:#778899;

	background: none;

	line-height:1.8em;


}

.link a:link, a:visited, a:hover, a:active{

	display: inline;

	color:#fff;

	background: none;

	text-decoration: none;

	border: none;

	line-height:200%;

	margin: 0px;

	vertical-align:middle;

	width: 40px;

	height: 20px;

	display: inline-block;

}

#fairytale{
	background-color: #f5f5f5;

	background-image: url("../img/rogo_04.gif");

	background-repeat: no-repeat;

	background-position: 5px 50%;

	text-align: center;

	width: 300px;

	height: 145px;

	border-bottom: double #808080 3px;


}

.blog{

	text-align: center;

	width: 190px;

	height: 120px;

	border: double #808080 3px;

	margin-left:100px;

	padding-top:10px;

	margin-top:10px;

	vertical-align:middle;

}
.blog li {

	margin-left:-5px;
}
.blog hr {

	width: 180px;
	margin-left:8px;
}

#fairyland{

	background-color: #f5f5f5;

	background-image: url("../img/rogo_05.gif");

	background-repeat: no-repeat;

	background-position: 5px 50%;

	text-align: center;

	width: 300px;

	height: 145px;
}

.link2 a:link, a:visited, a:hover, a:active{

	display: inline;

	color:#fff;

	background: none;

	text-decoration: none;

	border: none;

	line-height:200%;

	margin: 0px;

	vertical-align:middle;

}

.work {

	background-color: #fff;

	background-image: url("../img/body_05.gif");

	background-repeat: no-repeat;

	background-position: 50% 10px;

	text-align: center;

	font-family: "メイリオ","Helvetica Neue";

	font-size:8pt;

	line-height: 1.5em;

	border: solid 0px #808080;

	border-top: solid 0px #808080;

	width: 320px;

	height: 200px;

	padding-top: 25px;

	padding-bottom: 10px;

	margin: 0px;

}

.work_box{

	text-align: center;

	font-size:9pt;

	line-height: 1.5em;

	border: solid 1px #808080;

	width: 100px;

	padding-top: 10px;

	padding-bottom: 10px;

	padding-right: 5px;

	margin: 0px;

	margin-top:3px;

	background: #f5f5f5;


}

.work hr {

	width: 300px;

}

.work li{

	float: left;

	margin-left: 0em;

	background-color: none;

	text-align: center;

	border: 0px solid #808080;

	border-right: none;

	width: 140px;

	margin-left:10px;

}
.work h3{

	width: 130px;

}
.work2 li a:link, .work2 li a:visited, .work2 li a:hover, .work2 li a:active{

	width: 100px;

	height: 50px;

	display: block;

	color:#fff;

	background: #a9a9a9;

	text-decoration: none;

	border: double #fff 3px;

	line-height:200%;

	margin-left: 2px;

}

.work2 li a:hover, .work2 li a:active{

	color:#fff;

	background: #778899;

}

.work2 li{

	float: left;

	margin-left: 0em;

	background-color: none;

	text-align: center;

	border: 0px solid #808080;

	border-right: none;

	width: 80px;

	margin-left:5px;

	padding-top: 2px;

}

.work2 li#left{

	float: left;

	margin-left: 0em;

	background-color: none;

	text-align: center;

	border: 0px solid #808080;

	border-right: none;

	width: 180px;

	margin-left:3px;

	padding-top: 2px;

}
.work2 {

	background-color: #fff;

	text-align: center;

	font-family: "メイリオ","Helvetica Neue";

	font-size:9pt;

	line-height: 1.5em;

	border: solid 0px #808080;

	border-bottom: solid 1px #808080;


	border: 3px double #8c8b8b;

	width: 304px;

	height: 58px;

	padding-top: 10px;

	padding-bottom: 10px;

	margin: 0px;

	margin-left: 5px;

	margin-bottom: 12px;


}


#footer{

	color: #fff;

	background: #808080;

	text-align: center;

	line-height: 1.4em;

	width:320px;

	clear: both;

}



a:link, a:visited, a:hover,a:active{

	color:#778899;

	text-decoration: none;

	font-weight:bold;

}