@charset "UTF-8";

/* =======SP======= */
#bgao_sp{
 background: linear-gradient(to right,#FFF 0%,#BBFFFF 100%);
}
#contents_sp {
   clear:both;
   width:767px;
   margin:0 auto;
   padding:12px;
   background-color: rgba(255,255,255,0);
}
#headWrap_sp {
   position:relative;
   width:100%;
   margin:0 auto;
   padding:12px 0;
   background:#fff;
}

#menu_sp {
   width:100%;
   float:left;
   background:url("../images/bg_menu_sp.gif") 0 0 repeat-x;
}
#pageTop_sp {
   padding:20px 0;
   text-align:right;
   font-size:11px;
}

#pageTop_sp a {
   padding-left:8px;
   background:url("../images/bg_pagetop.gif") 0 50% no-repeat;
   color:#3399cc ;
   text-decoration: underline ;
}
#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    background-color: #4444ff;
}
#header_sp {
   position:relative;
   width:787px;
   margin:0 auto;
   background:#fff;
}
#pr_sp {
   position:absolute;
   left:0;
   top:0;
   width:787px;
}

#gnavi_sp {
   position:absolute;
   bottom:0;
   right:0;
}
.anpanseal_sp {
	background-color:#4444FF;
	position: fixed;
	bottom: 0%;
	right:280px;
}

#topicPath_sp {
  background-color: rgba(255,255,255,0);
  font-size:20px;
}
#topicPath_sp a{
  color:#3399cc ;
  text-decoration: underline ;
}
#margintop_sp {
	padding-bottom:100px;
}
#marginbotton_sp {
	padding-bottom:195px;
}

#textLeft_sp {
	text-align  : center;
	margin-left : auto;
	margin-right: auto;
}
 
Large.item_sp{
	color:#ffffff;
	font-size: 150%;
}

#backcollar_sp{
    background: #4579ce;
	width: 778px ;
    margin: 0 auto;
    font-size: 100%;
}
/* ========HEADER CUSTOMIZE======== */
#header_sp h1 {
   margin:0;
   padding-top:25px;
   font-size:32px;
   color:#fff;
   line-height:50px;
}

#header_sp h1 a {
   color:#00499C;
}

#header_sp h1 a:hover {
   color:#15009C;
}

#header_sp #pr_sp p {
   margin:0;
   font-size:12px;
}

#header_sp #gnavi_sp ul {
   list-style:none;
}

#header_sp #gnavi_sp li {
   float:left;
   font-size:12px;
   margin-left:15px;
}

#header_sp #gnavi_sp li a {
   display:block;
}

#header_sp #gnavi_sp .tel {
   color:#1C64AD;
   font-size:20px;
   font-weight:bold;
   letter-spacing:-1px;
   line-height:1.0;

}
/*=== 背景色宣言 ===*/
#center_c_sp {  
    width: 100%;  
    text-align: center;  
    font-size:120%;
}
#center_right_sp {
  text-align:right;
  margin-left:auto;
  margin-right:auto;
  width:700px ;
  font-size:18px;
}
#center_info_sp {
  text-align:left;
  width:778px ;
  float:left;
}
#contentsInfo_sp {
   clear:both;
   width:778px;
   margin:0 auto;
   background:#fff;
}
#center_link_sp {
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  width:780px ;
  font-size:120%;

}
#center_link_sp dd {
	color:#3399cc ;
   text-decoration: underline ;
}
#footer_sp {
   background:#DDE9EB;
   border-bottom:10px solid #15009C;
   font-size:120%;
}

#footMenu_sp {
   margin:0;
   padding:10px 0 0 0;
   text-align:center;
}

#foot center_sp{
  width: 50%
  margin: 0 auto;
}

/*====== ↑head ======*/

#menu_sp ul {
   width:787px;
   margin:0 auto;
   padding:0;
}

#menu_sp li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}

#menu_sp li a {
   display:block;
   width:125px;
   color:#2B4D5A;
   line-height:60px;
   border-right:1px solid #D8D8D8;
   font-family:Georgia,"MS 明朝","Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3",serif;
   color:#3F2A0F;
   font-weight:bold;
   font-size:15px;
}

#menu_sp li.home a {
   border-left:1px solid #D8D8D8;
}

#menu_sp li a:hover {
   color:#1C64AD;
   background:#fff url("../images/bg_menu.gif") 0 -60px repeat-x;
   z-index:100;
}

#main_sp {
   float:center;
   width:778px;
   vertical-align:left;
   background-color: rgba(255,255,255,0);
}
   
/*  listSページ用画像クラス  */

#main_sp img.lists {
width: 380px;
height: 300px;
}

#main_sp img.listslo {
width: 380px;
height: 400px;
}

#main_sp a{
	color:#3399cc ;
   text-decoration: underline ;
}


#main_sp h2 {
   margin-bottom:8px;
   padding:0 0 0 10px;
   color:#2B4D5A;
   font-family:Georgia,"MS 明朝","Hiragino Mincho Pro W3","ヒラギノ明朝 Pro W3",serif;
   font-size:24px;
   font-weight:bold;
   border:1px solid #D8D8D8;
   /*background: linear-gradient(to  right, #FFF 0%, #c0c0c0 50%, #FFF 100%);*/
   background: linear-gradient(to top,#D7EEFF 0%,#FFFFF0 100%);
}

#main_sp h3 {
   margin-bottom:3px;
   padding-left:50px;
   font-size:22px;
   border-bottom:1px solid #999;
   background:url("../../images/bg_h3.gif") 0 5px no-repeat;
}

#main_sp h4 {
   margin-bottom:2px;
   padding:2px;
   font-size:20px;
   background:#2183B0;
   color:#fff;
}

#main_sp h5 {
   margin-bottom:2px;
   font-size:24px;
   border-bottom:1px solid #2B4D5A;
}

#main_sp h6 {
   margin-bottom:2px;
   font-size:24px;
}

#main_sp p {
   margin:0 0 1em 0;
   font-size:18px;
}

#main_sp ul,ol,dl {
   font-size:22px;
   background-color: rgba(255,255,255,0);
}


#main_sp .list ul li{
	list-style-type: none;
	position: relative;

}

#main_sp .list li:before {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: 0em;
	width: 7px;
	height: 7px;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#main_sp dt {
   margin-bottom:3px;
   font-size:22px;
}

#main_sp dd {
   padding:0;
   font-size:18px;
   margin:0 0 0.5em 1em;
   padding:3px;
}

#main_sp dd.gure- {
   background:#EEEEEE

}

#main_sp kugiri {
	line-height:35px;
}

/* INFORMATION CUSTOMIZE */
* html body #main dl.information dd div {
   display:inline-block;
}

#main_sp dl.information dt {
   float:left;
   margin:2;
   padding:0;
}

#main_sp dl.information dd {
   margin:5px 0;
   padding:0 0 0.5em 8em;
   background:url("../../images/bg_dotline.gif") 0 100% repeat-x;
}

#main_sp table {
   width:100%;
   border-collapse:collapse;
}

#main_sp table th {
   padding:5px;
   text-align:center;
   border:1px solid #ddd;
   background:#EBEADD;
}

#main_sp table td {
   padding:5px;
   text-align:left;
   border:1px solid #ddd;
}

/*======syouhinTable======*/

#main_sp table syouhin{
  width:778px;
   border-collapse:collapse;

}

#main_sp table.syouhin td{
	width:262px;
   padding:5px;
   font-size:18px;
   text-align:center;
   border:none ;
   background: linear-gradient(#AFEEEE,#FFFFFF);
   border-radius: 20px;
}

#main_sp table.syouhin th{
   padding:5px;
   font-size:18px;
   border:none ;
   background: #FFFFFF;
}

/*======syouhinTablete説明文用Table========*/
#main_sp table syouhin_Text{
	/*border-collapse:collapse;*/
	width:778px ;
}

#main_sp table.syouhin_Text td{
	width:262px;
   padding:5px;
   font-size:18px;
   text-align:center;
   border:none ;
   background: linear-gradient(#AFEEEE,#FFFFFF);
   border-radius: 20px;
}

#main_sp table.syouhin_Text th{
	width:259px ;
	padding:5px;
	font-size:20px;
	text-align:center;
	/*border: 5;*/
	background:#FFF;
}

/* *****listSの商品名、画像、説明切り分け***** */
#main_sp table#listS{
	width: 787;
	cellspacing: 0;
	cellpadding: 0;
	bordercolor: #000000;
	
}
/* *****listSのTable(画像)***** */
#main_sp table#listS td.img{
	width:472px ;
}
/* *****listSのTable(説明文)***** */ 
#main_sp table#listS td.text{
	width:315px ;
}
/* *****listSのTable(説明文)***** */ 
#main_sp table#listS p {
		font-size:28px;
}

/* *****listPの商品名、画像、説明切り分け***** */
#main_sp table#listP{
	width: 787;
	cellspacing: 0;
	cellpadding: 0;
	bordercolor: #000000;
	
}
/* *****listPのTable(画像)***** */
#main_sp table#listP td.img{
	width:200px ;
}
/* *****listPのTable(説明文)***** */ 
#main_sp table#listP td.text{
	font-size:23px;
	width:578px ;
}

#main_sp span.sample1 {font-size: 5px; }

/*====== ↑main_sp ====== */

#box_sp {
  width:50%; /* 横幅 */
  height:150px; /* 縦幅 */
  overflow:auto;
  background-color:#FFF; /* 背景色 */
  border:1px #F0F0F0 dashed; /* 枠 */
  font-size:80%; /* 文字サイズ */
  color:#000000; /* 文字色 */
}
/*====== ↑footer_sp ======*/