@charset "UTF-8";

.hdd{

	background:#666666;

	font-size:0.8em;

	font-weight:bold;

	color:#ffffff;

	padding:7px;

	margin-bottom:6px;

}

.c_item {

	list-style: none;

	border: 1px solid #ccc;

	margin-bottom:10px;

}

.c_item .title {

	font-weight: normal;

}

.c_item:after{

	content:'';

	display:block;

	clear: both;

}

.c_item .c_image {

	float: left;

	text-decoration: none;

	border: none;

	position:relative;

}

.c_item .c_image span{

	display:inline-block;

	background-size: cover;

	background-position: 50%;

	position: absolute;

}

.c_item .c_image {

	margin: 0 1em 0 0;

}



.c_item .c_content{

	margin-top:10px;

}



.c_item .c_content small {

	display: block;

	font-size: 0.9em;

/*	font-style:italic;*/

}



.c_image img {

	width:100px;

	height:80px;

}



.title a,title a:visited{

	color:#333;

	font-size:18px;

}

.title a:hover{

	color:#ff5a85;

}

.title2 a,title2 a:visited{

	color:#CC3399;

	font-weight:bold;

}

.title2 a:hover{

	color:#ff5a85;

}



.next_p{

	margin-top:80px;

	text-align:right;

}



/* Header Title Back Color */

#head-title {

	background:none;

}



/* Header Title */

#head-title, #head-title a {

	color:#000000;

}



/* Header Discription */

.title-p-margin {

	color:#666666;

}



/* * * * * Global Nav * * * * */

#global {

/*	margin:0 auto;

	width:1050px;*/

	padding:5px 0 5px 0;

}



#global ul {

	overflow:hidden;

}



#global ul li {

	float:left;

	text-align:center;

	overflow: hidden;

	line-height:1.2em;

	font-size:0.875em;

	border-right:1px solid #cccccc;

}



#global ul li a {

	display:block;

	padding: 0.6em 1.0em 0.4em;

 	color:#ffffff;

 	text-shadow: 1px 1px 1px #888888;

 	font-weight:bold;

}



#global ul li a:hover {

	color:#FF5A85;

}





/* Footer */

footer {

	clear:both;

/*	background:#EFEFEF; footer */

	margin:0 auto;

/*	width:1050px;*/

}



/* ToTOP */

address, .totop a {

	color:#FFFFFF;/* footer */

}

address a {

	color:#FFFFFF;

}



#hdlogo img{

	width:100%;

}





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

** フッターメニュー

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

#footer-menu{

	margin-bottom:20px;

}



#footer-menu ul{

  text-align: center;

  margin: 10px 0;

}

 

#footer-menu ul li {

  display: inline;

  list-style: outside none none;

}

 

#footer-menu ul li::before {

    content: "|";

    padding: 0 0.6em;

}

 

#footer-menu ul li:first-child::before{

  content: "";

  padding: 0;

}

 

#footer-menu ul .sub-menu{

  display: none;

}



/* Dark Color */

#global ul li {

/*	background:#a60000;*//* global menu li */

}



address, .totop a {

	background:#db6b6b;/* footer */

}



.totop a:hover {

	text-decoration:underline;

	color:#FF5A85;

}



/* ウイジェット */



.widget h3 {

	font-size:0.8em;

	font-family: 'Maven Pro', Helvetica, Arial, sans-serif;

	color: #333333;

/*	background:url("../images/ttl_back.png") repeat scroll 0 0;

	border-radius:5px;*/

   	margin:0 0 10px 0; 

	padding:10px 0 10px 10px;

}



.widget h3 a,.widget h3 a:link,.widget h3 a:visited{

	color:#FFEFBF;

}



.widget li ul {

	margin:10px 0 0 0;

}



.widget li {

	font-size:0.875em;

	border-bottom:dotted 1px #9A9A9A;

	line-height:1.25em;

	margin:0 0 10px 0; 

	padding:0 0 10px 28px;

	background-image:url(../images/list-gray.png);

	background-position:6px 2px;

	background-repeat:no-repeat;

}



.widget li img {

	margin-left:-16px;

	background:#FFFFFF;

}



.qp_item{

	padding-bottom:10px;

	border-bottom:1px solid #cccccc;

}



.qp_item .qp_img{

	float:left;

	border:1px solid #cccccc;

	padding:5px;

	width:360px;

}



.qp_item .qp_img img{

	width:360px;

}

.qp_item .qp_detail{

	float:left;

	margin-left: 10px;

	width:500px;

}

.qp_item .qp_detail p{

}



.qp_item .qp_detail ul{

	list-style:none;

	margin:5px 5px 5px 5px;

	padding:5px;



}



.qp_item .qp_detail ul li{

	padding:5px;

	border-bottom:1px dotted #cccccc;



}



#main .qp_item .qp_img{

	width:200px;

}

#main .qp_item .qp_img img{

	width:200px;

}



#main .qp_item .qp_detail{

	float:left;

	margin-left: 10px;

	width:435px;

}



@media screen and (max-width : 768px){

/* Global Nav */



#global{

	width:100%;

}



#global ul {

	margin:0 auto;

}



#global ul li {

	float:left;

	text-align:center;

	overflow: hidden;

	font-size:0.875em;

}



#contents #sidebar{

	display:block;

	width:100%;

}

footer {

	width:100%;

}



.next_p{

	margin-top:30px;

	text-align:right;

}



.c_item .c_image {

	float:none;

	margin:0;

}



.c_image img {

	width:100%;

	height:auto;

}







}



@media screen and (max-width : 980px) {

#global{

	width:100%;

}

footer {

	width:100%;

}



.qp_item .qp_img{

	float:none;

	width:100%;

}





.qp_item .qp_img img{

	width:100%;

}



.qp_item .qp_detail{

	margin-left: 0px;

	margin-top:20px;

	width:100%;

}





#main .qp_item .qp_img{

	float:none;

	width:100%;

}



#main .qp_item .qp_img img{

	width:100%;

}



#main .qp_item .qp_detail{

	margin-left: 0px;

	margin-top:20px;

	width:100%;

}





}