@charset "utf-8";
/* CSS Document */

/* --------------------------------

for all css

-------------------------------- */
/* -------- all -------- */
.pt20 { padding-top:20px; }

*:first-child + html img.val { vertical-align:top; }

/* -------- header -------- */
#header_wrap {
	background:#fff;
	border-top:#333 5px solid;
	text-align:center;
	
	box-shadow: 0px 2px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 0px #ccc\9; /* IE8以下 */
	
	behavior: url("js/PIE.htc");
	position:relative;
	margin:0 0 20px;
}

#header {
	margin: 0 auto;
	width: 980px;
	padding: 20px 0;
	text-align:left;
}

.logo {
	background:url(../images/logo.gif) 0 0 no-repeat;
	width:170px;
	height:31px;
	float:left;
	margin:0 20px 0 0;
}
.logo span{
	display:none;
}
.description {
	float:left;
	padding: 10px 0 0;
}

/* -------- wrapper -------- */
#wrapper {
	width:980px;
	margin:0 auto;
}

/* -------- main_img -------- */
#main_img {
}

/* -------- main_nav -------- */
#main_nav {
	margin:0 0 20px;
}
#main_nav li{
	float:left;
}
#main_nav li a{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0F0), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #F0F0F0);
	background: -moz-linear-gradient(#fff, #F0F0F0);
	background: -o-linear-gradient(#fff, #F0F0F0);
	background: -ms-linear-gradient(#fff, #F0F0F0);
	background: linear-gradient(#fff, #F0F0F0);
	-pie-background: linear-gradient(#fff, #F0F0F0);
	behavior: url("js/PIE.htc");
	position:relative;

	display:block;
	text-align:center;
	width:194px;
	height:31px;
	height:31px\9;
	font-size:14px;
	font-weight:bold;
	color:#1A1A1A;
	padding:14px 0 0;
	padding:15px 0 0\9;
	border:#E6E6E6 1px solid;
}
#main_nav li a:hover{
	background:#f0f0f0;
	-pie-background: #f0f0f0;
	behavior: url("js/PIE.htc");
	position:relative;

	color:#333;
	text-decoration:none;
}

/* -------- main_cont -------- */
#main_cont {
	width:720px;
	float:right;
}
.maintitle {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #0D0D0D));
	background: -webkit-linear-gradient(#0D0D0D, #000);
	background: -moz-linear-gradient(#0D0D0D, #000);
	background: -o-linear-gradient(#0D0D0D, #000);
	background: -ms-linear-gradient(#0D0D0D, #000);
	background: linear-gradient(#0D0D0D, #000);
	-pie-background: linear-gradient(#0D0D0D, #000);
	behavior: url("js/PIE.htc");
	position:relative;
	
	border-bottom:#333 5px solid;
	margin:0 0 10px;
}
.maintitle h2{
	color:#C71585;
	padding:10px 0px 10px 15px;
	border-bottom:#fff 1px solid;
	font-size:14px;
	font-weight:bold;
}

/* ----- listarea ----- */

* html body .listarea dl dd p{
   display:inline-block;
}

.listarea dl {
   border:1px solid #ccc;
   border-top:0;
}

.listarea dl dt {
   float:left;
   width:200px;
   border-top:1px solid #ccc;
   padding:15px 0 0 15px;
}
.listarea dl dt p{
	margin-right:25px;
}

.listarea dl dd {
   margin-left:200px;
   padding:15px;
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
}

/* -------- sidebar -------- */
#sidebar {
	width:240px;
	float:left;
}

.linebox {
	border:#E6E6E6 1px solid;
	padding:10px;
	margin-bottom:15px;
}
.linebox img{
	margin:0 0 5px;
}

.listmenu {
	background:#F4F4F4;
	padding:10px;
}

.listmenu h2.menutitle{
	border-bottom:#333 2px solid;
	font-size:14px;
	padding:5px 0 10px;
	font-weight:bold;
}
.listmenu li {
	border-bottom:#333 1px dotted;
}
.listmenu li a{
	display:block;
	background:url(../images/arrow.gif) 0 50% no-repeat;
	padding:12px 0 12px 20px;
	color:#333;
}
.listmenu li a:hover{
	text-decoration:none;
	color:#999;
}

/* -------- footer_wrap -------- */
#footer_wrap {
	text-align:center;
	width:100%;
	margin:30px 0 0;
}
#footer_wrap a {
	color:#333;
}
#footer_wrap a:hover {
	color:#999;
}

.pagetop {
	margin:0 auto;
	width:980px;
}
.pagetop p{
	font-size:11px;
	background:#E8E8E8;
	width:120px;
	padding:8px 0;
	text-align:center;
	float:right;
}
.pagetop p a:hover{
	text-decoration:none;
}

#footer {
	background:#E8E8E8;
	width:100%;
	text-align:center;
	
	box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 0px #ccc\9; /* IE8以下 */
	
	behavior: url("js/PIE.htc");
	position:relative;
	padding:40px 0;
	*margin:-1px 0 0;
}
#foot_nav {
	width:980px;
	margin:0 auto;
}
#foot_nav ul{
	text-align:center;
}
#foot_nav li{
	display:inline;
	margin:0 25px 0 0;
}
#foot_nav li a{
	padding:0 30px 0 0;
	border-right:#333333 1px solid;
}
#foot_nav li.noline a{
	border:none;
	padding: 0;
}

#copy {
	padding:15px 0;
	text-align:center;
}

/* --------------------------------

for smartphone css

-------------------------------- */
@media screen and (max-width: 640px) {
/* 640px以下の場合 */

a:hover {
	text-decoration:none;
}

/* -------- header -------- */
#header_wrap {
	margin:0 0 15px;
}

#header {
	width: auto;
	padding: 10px 5px;
}

.logo {
	float:none;
}
.logo span{
	display:none;
}
.description {
	float:none;
	padding: 5px 0 0 3px;
}

/* -------- wrapper -------- */
#wrapper {
	width:auto;
}

/* -------- main_img -------- */
#main_img {
	padding:0 10px;
}

/* -------- main_nav -------- */
#main_nav {
	margin:0 0 20px;
	padding:0 10px;
}
#main_nav li{
	width:50%;
}
#main_nav li.contact{
	width:100%;
}
#main_nav li a{
	width:100%;
	height:31px;
	font-size:14px;
	padding:14px 0 0;
}

/* -------- main_cont -------- */
#main_cont {
	width:auto;
	float:none;
	padding:0 10px;
}

/* ----- listarea ----- */

.listarea dl dt {
   width:35%;
}

.listarea dl dd {
   margin-left:35%;
}

/* -------- sidebar -------- */
#sidebar {
	width:auto;
	float:none;
	margin:15px 10px;
}

.linebox {
	text-align:center;
}
.linebox img{
	margin:0 0 10px;
}

.linebox p{
	text-align:left;
}
.listmenu h2.menutitle{
	padding:5px 0 15px;
}
.listmenu li a{
	background:url(../images/arrow.gif) 99% 50% no-repeat;
	padding:15px 0 15px 0px;
}

/* -------- footer_wrap -------- */

.pagetop {
	width:auto;
}

#footer {
	background:#fff;
	padding:0;
	border-top:#E6E6E6 1px solid;
}
#foot_nav {
	width:auto;
	margin:0 15px;
	
}
#foot_nav ul{
	text-align:left;
}
#foot_nav li{
	display:block;
	margin:0;
}
#foot_nav li a{
	display:block;
	padding:15px 0 15px 5px;
	border-right:none;
	background:url(../images/arrow2.gif) no-repeat 98% 50%;
	border-bottom:#E6E6E6 1px solid;
}
#foot_nav li.noline a{
	padding:15px 0 15px 5px;
}

}