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


.f_red{
	font-weight:bold;
	color:#C00;
}

a img {
    border-style:none;
	
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#777;
	text-decoration: underline;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.f_small{
	font-size:90%;
}


.kadomaru   {
	padding:30px;
	margin-bottom:25px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}

.kadomaru_k   {
	padding:10px;
	border-radius: 40px;        /* CSS3草案 */  
	-webkit-border-radius: 40px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 40px;   /* Firefox用 */  
	margin-bottom:25px;
	text-align:center;
	font-weight:bold;
	color:#993300;
	font-size:1.2em;
}


.bg_y   {
	background-color:#FFFFCC;
}

.bg_p   {
	background-color:#FFECEC;
}

.bg_b   {
	background-color:#DFEFFF;
}

.bg_f   {
	background-color:#FFF;
}

.floatleftimg{
	float:left;
}

.floatrightimg{
	float:right;
}


.yohaku{
	margin-top:0px;
	margin-bottom:50px;
}


#copyright{
	text-align:left;
	color:#FFF;
	font-weight:bold;
	padding-top:120px;
	line-height:180%;
}

@media screen and (max-width:480px){
#copyright{
	text-align:left;
	color:#FFF;
	font-weight:bold;
	padding:15px;
	line-height:180%;
}
}

.att {
  padding-left: 2em;
  text-indent: -2em;
  padding-bottom:1em;
 	line-height:2.5em;
}

#smplogo{
	background-color:#000;
	text-align:center;
}

/* ------------------------------
   loopSlider
------------------------------ */

#yslide{
	background-size: 100%;
	background-repeat: repeat;
	background-image: url(../img/bg3.jpg);
	height:358px;
    width: 1100px;
	margin:0 auto;
}
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 285px;
    overflow: hidden;
    position: absolute;
}
 
.loopSlider {

    width: 1100px;
    height: 230px;
    text-align: left;
    position: relative;
    overflow: hidden;
	background-size: 100%;
	background-repeat: no-repeat;
margin: 0;

}
 
.loopSlider ul {
    height: 190px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
.loopSlider ul li {
    width: 220px;
    height: 190px;
    float: left;
    display: inline;
    overflow: hidden;

}

.charay{
	padding-top:70px;
}

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

#yslide{
	background-size: 100%;
	background-repeat: repeat;
	background-image: none;
	height:230px;
    width: 100%;
	margin:0 auto;
}
.loopSliderWrap {
    top: 0;
    left: 0;
    height: 230px;
    overflow: hidden;
    position: absolute;
}
 
.loopSlider {

    width: 100%;
    height: 230px;
    text-align: left;
    position: relative;
    overflow: hidden;
	background-size: 100%;
	background-repeat: no-repeat;
margin: 0;

}
 
.loopSlider ul {
    height: 190px;
    float: left;
    display: inline;
    overflow: hidden;
}
 
.loopSlider ul li {
    width: 220px;
    height: 190px;
    float: left;
    display: inline;
    overflow: hidden;

}

.charay{
	padding-top:0px;
}

}

 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
    content: "";
    display: none;
    clear: both;
    display: block;
    visibility: hidden;
}

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

.infolist{
	height:350px;
	font-size:14px;
	line-height:210%;
	font-weight:bold;

}

.infolistdtl{
	height:auto;
	font-size:14px;
	line-height:210%;
	font-weight:bold;

}

.infolistdtl li{

	width:50%;
	float:left;
	list-style:none;
}

.infolist li{

	width:50%;
	float:left;
	list-style:none;
}

.infodate{
	float:left;
}

.infodtl{
	padding-left:15px;
	float:left;
}

@media screen and (max-width:480px){
.infolist{
	line-height:210%;
	font-weight:bold;
	height:200px;

}

.infolistdtl{
	line-height:210%;
	font-weight:bold;
	height:auto;

}

.infolist ul{
	padding-left:15px;
}

.infolist li{
	width:100%;
	list-style:none;
	font-size:0.8em; 
}

.infolistdtl ul{
	padding-left:0px;
}

.infolistdtl li{
	width:100%;
	list-style:none;
	font-size:0.8em; 
}

.infodate{
	padding-left:15px;
}

.infodtl{
	padding-left:15px;
}

}


/*--------------------------------------*/
.wnew{
	text-align:center;
	padding-top:40px;
}

@media screen and (max-width:480px){
.wnew{
	text-align:center;
	padding-top:0px;
}
.wnew img{
	width:45%;

}
	

}

@media screen and (max-width:480px){
.midashi{
	width:70%;
}

.midashiac{
	width:25%;
}

}


.titleimg{
	padding-top:50px;
	padding-bottom:35px;
}
.shikiri{
	border-top: 1px dashed #bbb;
	margin:50px 0px;
}
.info_syosai{
	padding:3%;
	text-align:left;
	font-weight:normal;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	margin:5px 10px 20px;
	line-height:180%;
}

.info_syosai .title{
	font-weight:bold;
	padding:15px 0px;
}

/* service */

.servicetitle{
	text-align: center;
	line-height: 210%;
}

.service_syosai li{
	list-style: none;
	padding-bottom: 1em;
}

.service_syosai{
	padding:3%;
	text-align:left;
	font-weight:normal;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	margin:5px 10px 20px;
	line-height:180%;
}

/* otoiawase */



.contactus_syosai{
	padding:3%;
	text-align:center;
	font-weight:normal;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	margin:5px 10px 20px;
	line-height:180%;
}

.contactus .title{
	font-weight:bold;
	padding:15px 0px;
}
.toiawaseform{
	text-align:center;
}


/* webshop */

.webshop_syosai{
	padding:3%;
	text-align:center;
	font-weight:normal;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	margin:5px 10px 20px;
	line-height:180%;
}

.webshop .title{
	font-weight:bold;
	padding:15px 0px;
}

.nshop{
	width:45%;
	float:left;
	padding:25px;
}

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

.nshop{
	width:auto;
	float:none;
}

}


/*company*/
.c_table{
	padding:0px 20px;
}
.c_table table { width: 100%; }
.c_table th, .c_table td  { padding: 10px; border: 1px solid #ddd; line-height: 210%;}
.c_table th  { background: #f4f4f4; }
 

.company_syosai{
	padding:3%;
	text-align:center;
	font-weight:normal;
	background-color:#FFFFFF;
	border:1px solid #CCC;
	margin:5px 10px 20px;
	line-height:210%;
}

.company_syosai h2{
	font-size: 1.3em;
}

.comp_img{

}

/*---------------------------------*/
.c_table th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .c_table { margin: 0 -10px; }
    .c_table th,
    .c_table td{
    width: 95%;
    display: block;
    border-top: none;
    }
  .c_table tr:first-child th { border-top: 1px solid #ddd; }
}


/*キャラ*/

.chara_setu{
	width:800px;
	float:left;
	margin:15px;
	background:#FFFFFF;
}

.charatwi{
	padding-left:50px;
	width:200px;
	float:left;
}

.chara_nm{
	font-size: 26px;
	font-weight:bold;
	text-align:left;
	padding:25px 25px 10px;
}
.chara_setumei{
	font-size:18px;
	text-align:left;
	line-height:180%;
	padding:0px 25px 10px;
}

.chara_kanren{
	
}

.chara_kanren img{
	padding-left:8px;
	
}

.links_title{
	display:block;
}

.links_titlesmp{
	display:none;
}

.ichiran img{
	padding-right:15px;
	padding-bottom:15px;
}

.charalisthe{
	padding-top:50px;
	text-align:center;
	padding-bottom:50px;
}
.bktochara a{
	display:block;
	width: 60%; /* 横幅 */
	background-color:#EAEAEA;
	border:1px solid #000;
	padding:10px; /* a要素内の余白 */
	margin:0 20%;
	font-size:0.9em;
}

.bktochara a:hover { background-color: #ccc;
 color:#222222; }


.chara_w{
	background:#FFFFFF;
}
.lightboxli{
	float:left;
	  padding-left:3px;
}

.question{
	text-align: left;
	padding: 1em;
	background-color: #eeefef;
	font-weight: bold;
}

.answer{
	text-align: left;
	padding: 1em;
	background-color: #fff;
}

.answer_waku{
	text-align: left;
	padding: 1em;
	border: 1px solid #ccc;
	background-color: #fff;
	margin: 1em;
}

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

.ichiran img{
	width:30%;
	padding: 5px;
}
.chara_setu{
	width:auto;
	float:none;
	margin:0px;
	background:#FFFFFF;
}

.comp_img{
	width: 90%;
}

.charaimg{
	width: 90%;
}

.charatwi{
	padding-left:0px;
	padding-top:50px;
	width: 100%;
	float:none;
	text-align:center;
}

.links_title{
	display:none;
}

.links_titlesmp{
	display:block;
}

.kanren_l{
	width:45%;
}

.ichiran img{
	padding-right:0px;
	padding-bottom:0px;
}

.lightboxli{
	float:left;
	width:20%;
	  padding-left:3px;
	  padding-bottom:6px;
}

.lightboxli img{
	width:85%;
}

.question{
	font-size: 0.8em;
}

.answer{
	font-size: 0.8em;
}

.answer_waku{
	font-size: 0.8em;
}



}