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

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

for all css

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

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

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

/* -------- header -------- */
#header_wrap {
	text-align:center;
}

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

.logo {
	float:left;
	padding:30px 0 20px;
}
.logo img {
	width:170px;
	max-width: 170px;
	height:auto;
}

.description {
	float:left;
	padding: 32px 0 0 20px;
}

.banner {
	float:right;
	padding: 8px 0 0;
}

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

/* -------- main_img -------- */
#main_img {
	width:980px;
	margin:20px auto;
}

/* -------- main_nav -------- */
#main_nav {
	width:100%;
	background-color:#f90092;
}
#main_nav ul {
	margin:0 auto;
	width:980px;
	text-align:center;
}
#main_nav li {
	display:inline-block;
	padding:15px 60px;
	/display:inline;
	/zoom:1;
}
#main_nav li a {
	font-size:12px;
	color:#fff;
}
#main_nav li a:hover {
	text-decoration:none;
	color:#353535;
}

/* -------- main_cont -------- */
#main_cont {
	width:720px;
	float:left;
}

#pankuzu {
	margin:0 0 10px;
}

#pankuzu p {
	font-size:12px;
	color:#353535;
}

#pankuzu p a {
	text-decoration:none;
	color:#f90092;
}

#pankuzu p a:hover {
	text-decoration:underline;
	color:#353535;
}


#main_cont h2 {
	background-color:#d8d8d8;
	color:#353535;
	padding:6px 15px;
	border-left:#353535 5px solid;
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px;
}

#main_cont h3 {
	color:#f90092;
	padding:8px 15px 8px 0;
	border-bottom:#f90092 3px solid;
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px;
}

#main_cont h4 {
	color:#f90092;
	padding:8px 15px 8px 0;
	border-bottom:#f90092 1px dotted;
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px;
}

#main_cont p {
	margin:0 0 20px;
}

#cont4 {
	background-color:#ffe6f3;
	border:#f90092 1px solid;
	padding:10px;
}

#cont4 li {
	background:url(../images/arrow.png) 0 50% no-repeat;
	padding:6px 0 6px 10px;
}

#cont4 li a {
	color:#f90092;
}

#cont4 li a:hover {
	text-decoration:none;
	color:#353535;
}

/* ----- 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:0 25px 0 0 !important;
}

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

/* -------- sidebar -------- */
#sidebar {
	width:240px;
	float:right;
	padding:35px 0 0;
}

.linebox {
	background:#ffe6f3;
	padding:10px;
	margin-bottom:15px;
}
.linebox img {
	margin:0 0 10px;
}

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

.listmenu h2 {
	color:#353535;
	border-bottom:#353535 1px solid;
	font-size:14px;
	padding:5px 0 8px;
	font-weight:bold;
}

.listmenu ul {
	margin:5px;
}
.listmenu li {
	background:url(../images/arrow.png) 0 50% no-repeat;
	padding:6px 0 6px 10px;
}
.listmenu li a {
	color:#f90092;
}
.listmenu li a:hover {
	text-decoration:none;
	color:#353535;
}

/* -------- footer_wrap -------- */
#footer_wrap {
	text-align:center;
	width:100%;
	margin:30px 0 0;
	border-top:#999 2px solid;
	background-color:#efefef;
}
#footer_wrap a {
	color:#f90092;
}
#footer_wrap a:hover {
	color:#353535;
}

.pagetop {
	margin:0 auto;
	width:980px;
}
.pagetop p {
	font-size:11px;
	width:120px;
	padding:8px 0;
	text-align:center;
	float:right;
}

.pagetop p a:hover {
	text-decoration:none;
}

#footer {
	padding:0px 0;
	width:980px;
	margin:0 auto;
}
#foot_nav {
	
}
#foot_nav ul {
	text-align:left;
}
#foot_nav li {
	display:inline;
	font-size:12px;
}
#foot_nav li a {
	padding:0 15px 0 0;
}

#copy {
	font-size:11px;
	padding:10px 0;
	text-align:left;
	font-weight:normal;
}

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

for smartphone css

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

* { -webkit-text-size-adjust: none; }

a:hover {
	text-decoration:none;
}

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

#header {
	width: auto;
	padding: 15px 5px 10px;
	text-align:center;
}

.logo {
	float:none;
	text-align:left;
}

.description {
	float:none;
	padding: 5px 0 0 3px;
	text-align:left;
}

.banner {
	float:none;
	padding: 8px 0 0;
	margin:0 auto;
}

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

/* -------- main_img -------- */
#main_img {
	width:auto;
	margin:0 auto 20px;
}

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

/* -------- main_nav -------- */
#main_nav {
	margin:5px 0 20px;
	background-color:#fff;
	border-top:none;
}
#main_nav ul {
	width:auto;
	text-align:left;
}
#main_nav li {
	display:block;
	padding:5px 10px 0px;
}

#main_nav li a {
	background:#f90092 url(../images/arrow2.png) 95% 50% no-repeat;
	display:block;
	color:#fff;
	font-size:12px;
	padding:10px 0 10px 10px;
}
#main_nav li a:hover {
	color:#fff;
}

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

#pankuzu p {
	font-size:12px;
	color:#353535;
}

#pankuzu p a {
	display:inline-Sblock;
	border-radius:3px;
	padding:5px 12px;
	background-color:#ffe6f3;
	color:#f90092;
}

#pankuzu p a:hover {
	text-decoration:none;
	color:#f90092;
}

#cont4 li a {
	display:block;
}

#cont4 li a:hover {
	color:#f90092;
}

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

.listarea dl dt {
   width:35%;
}

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

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

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

.linebox p {
	text-align:left;
}
.listmenu h2.menutitle {
	padding:5px 0 15px;
}
.listmenu li {
	background:none;
	padding:0;
}
.listmenu li a {
	display:block;
	background:url(../images/arrow.png) 99% 50% no-repeat;
	padding:10px 0 10px 0px;
	border-bottom:#ccc 1px solid;
}

.listmenu li a:hover {
	text-decoration:none;
	color:#f90092;
}

/* -------- footer_wrap -------- */
.pagetop {
	width:auto;
}

.pagetop p {
	font-size:11px;
	width:120px;
	padding:8px 0;
	text-align:center;
	float:right;
} 

#footer {
	background:#fff;
	padding:0;
	border-top:#E6E6E6 1px solid;
	width:auto;
}

#footer_wrap a:hover {
	color:#f90092;
}

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

#copy {
	text-align:center;
}


}