/*******************************************************************************

*                                                                              *
*  Web Site  :  http://www.quad-4.jp/                                          *
*  Author    :  QUAD                                                           *
*  Modified  :  Oct-2006                                                       *
*                                                                              *

*******************************************************************************/



/* General

*******************************************************************************/
@import "../../common/css/common.css";
@import "../../common/css/text.css";

body,
#wrap,
#wrap #main {
background: none;
}
#wrap #main #contents {
float: none;
}
#wrap #main {
padding-top: 0px;
}

#header{
display:none;
}

#sidearea{
display:none;
}

#footer{
display:none;
}

#wrap {
margin:0px 0px 0px 0px;
}
#wrap #main {
margin:0px 0px 0px 0px;
}

#wrap #main #contents {
width: 575px;
background-color:#FFFFFF;
}

#wrap_wide {
width:782px;
}

#wrap_wide #main {
width:782px;
}

#wrap_wide #contents_wide {
width: 780px;
}

#pankuzu {
display: none;
}



a {
    color: #414141;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, dt, dd, fieldset, address,li {
/*	font-size: 75%;*/
	color: #414141;
/*	line-height:140%;*/
}

address {
    font-style:normal;
}

hr {
	clear: both;
	visibility: hidden;
	margin:0;
}

img {
	border: none;
}
#wrap span {
    display:none;
}
.clear {
	width: 100%;
	height: 1px;
	font-size: 1px;
	clear: both;
	line-height: 1px;
}
.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 */

/* frame
*******************************************************************************/
#wrap {
/*	width: 769px;
	position: relative;
	padding-top: 78px;*/
}
#wrap #coLeft {
	width: 190px;
	padding-left: 5px;
}
#wrap #coLeft #sidemenuHead {
	background-image: url(../img/sidemenu_head.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
	padding-bottom: 6px;
}

#wrap #coLeft ul {
	background-repeat: repeat-y;
	background-position: 0px 0px;
	margin-bottom: 50px;
}
#wrap #coLeft .midnavi {
	background-image: url(../img/sidemenu_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 15px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 17px;
	width: 165px;
}
#wrap #coLeft .midnavi span {
	background-image: url(../img/sidemenu_icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	padding-left: 18px;
}
#wrap #main #coLeft .midnavi a:hover {
	text-decoration: underline;
}
#wrap #main #coLeft .smlnavi {
	background-image: url(../img/hasen01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 165px;
	margin-left: 13px;
	padding-top: 5px;
	padding-bottom: 3px;
}
#wrap #main #coLeft .smlnavi span {
	background-image: url(../img/smlic_01.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	display: block;
	padding-left: 14px;
}
#wrap #main #coLeft .smlnavi a:hover {
	text-decoration: underline;
}


/* main
*******************************************************************************/
#wrap #main {
/*	background-image: url(../img/main_bg.gif);*/
/*	background-repeat: repeat-y;*/
/*	background-position: 5px 0px;*/
}
#wrap #main #conRight {
	width: 574px;
/*	padding-bottom: 105px;*/
	padding-bottom: 50px;
	position: relative;
}
#wrap #main #conRight h1 {
	background-image: url(../img/h1_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	width: 570px;
	margin-bottom: 10px;
}
#wrap #main #conRight h1 img {
	margin-top: 7px;
	margin-left: 11px;
}

/* pankuzu
*******************************************************************************/

.pankuzu {
	position: absolute;
	top: 0px;
	right: 10px;
}
* html .pankuzu {
	position: absolute;
	top: 0px;
	right: 20px;
}
.pankuzu li {
	float: left;
	padding-right: 5px;
}
.pankuzu li a:hover {
	color: #009900;
	text-decoration: underline;
}
.pankuzu .pankuzuicon {
	background-image: url(../img/icon_pankuzu.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}
#wrap #smlCatHead {
	background-image: url(../img/sml_bg_head.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	height: 65px;
	width: 769px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#wrap #smlCatHead #smlCatTitle {
	padding-top: 28px;
	padding-left: 20px;
}
#wrap #main #conRight #smlTopBt {
	background-image: url(../img/smlfoot_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 565px;
	height: 24px;
	padding-top: 6px;
	position: absolute;
	right: 7px;
	bottom: 0px;
	font-size: 75%;
	line-height: 75%;
	text-align: right;
}
#wrap #main #conRight #smlTopBt img {
margin-right: 10px;
}


/* etc
*******************************************************************************/
#ebis {
	position: absolute;
	top: 0px;
	right: 0px;
}