@charset "utf-8";

/* Default CSS 　レイアウト・メニュー等
---------------------------------------------------*/

/* All
---------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background:url(../image/bg.gif) center;
	background-color:#FFFFFF;
	text-align:center;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height:140%;
}

#wrapper {
	margin:0 auto;
	padding:10px 10px 0 10px;
	width:800px;
	text-align:left;
	/*background:url(../image/wrapper_bg.gif) ;*/
	border:1px solid #CCCCCC;
}

img	{
	vertical-align:bottom;
	border: none;
}

/* Header
---------------------------------------------------*/


#header	{
	margin:0;
	padding:0;
	width:800px;
	background:#CCC;

}
.top-logo	{
	margin:0;
	background:url(../image/logo/top-logo.jpg) no-repeat;
	width:800px;
	height:277px;
}
.HeadText	{
	padding:10px;
	color:#666666;
	letter-spacing: 1.5px;
}
.AreaText	{
	padding:20px 0 0 0;
	color:#666666;
	width:350px;
	height:50px;
	float:left;
}
.PanLink	{ 
	color:#0066CC;
}
.PanLink a:link { 
	color:#0066CC;
	text-decoration:underline;
}
.PanLink a:visited { 
	color:#0066CC;
	text-decoration:underline;
}
.PanLink a:hover {
	color:#CCCCCC;
	text-decoration:none;
}
.PanLink a:active {
	color:#F44778;
	text-decoration:none;
}


.TitleGif	{
	margin:0;
	background:url(../image/titile.gif) top;
	width:800px;
	height:28px;
}


#container	{
	margin:5px 10px;
	width:800px;
}


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

#Contents	{
	border:15px solid #CCC;
	width:770px;
	padding:0 0 10px 0;
	position:relative;
}

.MainHead	{
	margin:0;
	width:770px;
	height:110px;
	position:relative;
}
.MainHead img {
	position:absolute;
	top:30px;
	left:30px;
}
.MainList	{
	margin:0 auto;
	width:550px;
	line-height:255%;
}
.MainBtm	{
	margin:30px 60px 10px 0;
	width:710px;
}

.MenuArea	{
	width:550px;
	float:left;
}
.FileInfo	{
	width:150px;
	float:left;
	font-size:12px;
	color:#666;
}
.GetAdobe	{
	width:50px;
	padding:10px 0 0 5px;
	float:right;
}
.GetAText	{
	width:150px;
	padding:15px 0 0 10px;
	font-size:11px;
	color:#333;
	float:right;
	line-height:120%;
}

#MenuLink {
	width:550px;
	margin:0;
}
#MenuLink:after {
	clear: both;
	display: block;
	content: "";
}
#MenuLink ul {
	list-style-type:none;
}
#MenuLink li {
	list-style-type:none;
	clear:both;
	height:36px;
}
#MenuLink li img {
	margin-top:11px;
	float:left;
}
.Area {
	width:190px;
	float:left;
	font-size:14px;
	font-weight:bold;
}
#MenuLink a {
	display: block;
	float:left; 
	width:330px;
	height:36px;
	margin:0;
	background: url(../image/button1.jpg) 0 0 no-repeat;
	background-position: 220px 7px; 
	text-decoration: none; 
}
#MenuLink li a:hover {
	width:330px;
	height:36px;
	margin:0;
	background: url(../image/button2.jpg) 0 0 no-repeat;
	background-position: 220px 7px; 
} 
.file-text	{
	font-size:12px;
	position:absolute;
	margin:0 0 0 633px;
	padding:80px 0 0 0;
	color:#666666;
} 
.ConHead	{
	margin:0;
	padding:5px 10px;
	width:160px;
	height:10px;
	background:#EFEFEF;
	color:#333333;
	line-height:100%;
	font-weight:bold;
}

/* MainArea
---------------------------------------------------*/

#main	{
	float:left;
	padding:5px 0;
	margin:0;
	width:560px;
	background:#FFFFFF;
}
.Height10px	{
	height:10px;
}
.Height280px	{
	height:280px;
}
.CommentArea	{
	margin:0;
	padding:5px;
	width:500px;
	height:auto;
	letter-spacing: 0.5px;
	color:#333;
}
h3.title	{
	clear:both;
	margin:5px 0 0 0;
}


/* NaviArea
---------------------------------------------------*/

#navi	{
	float:left;
	padding:15px;
	margin:0;
	width:180px;
}
.TopNaviHead	{
	padding:10px 0 10px 13px;
	margin:0;
	width:150px;
	height:30px;
}

/* Footer
---------------------------------------------------*/

#footer	{
	clear:both;
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:39px;*/
}
.FootText	{
        margin: 5px auto;
        padding:0;
        color:#666666;
        width:800px;
        text-align:center;
}

.FootLine	{
        margin:0 auto;
        padding:0;
        width:800px;
        /*height:16px;*/
		height:21px;
        background-image: url(../image/foot.gif);
        background-repeat: no-repeat;
}
#footer	a:link { 
	color:#333333;
	text-decoration:none;
}
#footer	a:visited { 
	color:#104080;
	text-decoration:none;
}
#footer	a:hover {
	color:#666666;
}
#footer	a:active {
	color:#666666;
}


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

.align-center	{
	text-align:center!important;
}
.align-left	{
	text-align:left!important;
}
.align-right	{
	text-align:right!important;
}

.valign-top	{
	vertical-align:top!important;
}
.valign-middle	{
	vertical-align:middle!important;
}
.valign-bottom	{
	vertical-align:bottom!important;
}

.clear	{
	clear:both;
}
.float-left	{
	float:left;
}
.float-right	{
	float:right;
}

div.pager {
	clear: both;
	text-align: right;
	margin-right: 2em;
}
div.pager a {
	text-decoration: none;
}
div.pager a:hover {
	text-decoration: underline;
}

.img-left	{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.img-right	{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.clearfix {
	display: inline-block;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}  
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */ 


/* List
---------------------------------------------------------- */

ul ul{
	font-size:100%;
}
ol ol{
	font-size:100%;
}
ul ol{
	font-size:100%;
}
ol ul{
	font-size:100%;
}


/* CSS-Print
---------------------------------------------------------- */
@media print {

#wrapper {
	width:770px;
	border:none;
}
#Leftside	{
	padding:5px 0 5px 0;
}
#Rightside	{
	float:left;
	width:400px;
}
.ShopTitle	{
	margin:10px 0 5px 0;
}
.top-logo	{
	display: none;
}
.HeadText	{
	display: none;
}
.BannerArea	{
	display: none;
}
#footer	{
	width:770px;
}
.ShopInfoTable	{
	width:290px;
}
.FootText	{
	padding:0 120px 0 0;
	text-align:center;
}
}