@charset "UTF-8";



/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.8;
   letter-spacing:1px;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
   color:#333;
   font-size:16px;
   background:#fff;
}

br {
   letter-spacing:normal;
}

a {
   color:#1e5fc4;
   text-decoration:none;
}

a:visited{
   color:#660066;
   text-decoration:none;
}

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

a.active {
  text-decoration:none;
  background-color : #FAEBD7;
  color :#000000;
  font-size :15px;
  font-weight:normal;
  width : 295px;
  letter-spacing: 0.1em;
  padding : 0px;
  border-bottom: 1px solid #cccccc;
  display:block;
}

img {
   border:1;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#top {
   width:1024px;
   margin:0 auto;
   background:#fff;
   border-top:8px solid #000;
   border-bottom:8px solid #000;
}

#header {
   position:relative;
   width:1024px;
   height:70px;
   background:#fff;
   border-bottom:1px solid #ccc;
}

#menu {
   width:1024px;
   background:#000;
}

#contents {
   clear:both;
   width:1024px;
   margin-top:10px;

}

#main {
   float:left;
   margin:0 0 0.2em 0;
   width:709px;
}


#subR {
   float:right;
   width:300px;
   margin:0 0 0.2em 5;

}

#footer {
   position:relative;
   clear:both;
   width:1024px;
}

/* 回り込み解除 */
#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:0 0px;
   font-size:30px;
   color:#333;
   line-height:80px;
}

#header h1 a {
	font-family: JapanSans90,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
   color:#333;
}

#header h1 a:hover {
   color:#CD5C5C;
   text-decoration: none; 
}



#header .pr {
	font-family: JapanSans70,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#666;
   position:absolute;
   top:10px;
   right:0;
}

/* ========TOPICPATH CUSTOMIZE======== */
.topicPath {
   width:1024px;
   margin:2px;
   padding:0px;
   background:#fff;
   font-size:14px;
}



/* ========MENU CUSTOMIZE======== */
#menu ul {
   margin:0;
   padding:0;
   background : url(bg_menu.gif) repeat-x 0px 50%;
}

#menu li {
   float:left;
   color:#333;
   list-style-type:none;
width: 0px; /*各メニューの幅*/
}

#menu li a {
   display:block;
   margin-right:1px;
   padding:0 20px;
   line-height:2.5;
   color:#fff;
}

#menu li a:hover{
   color:#ddd;
background: #666666;
}

#menu li a.active {
   background:#666666;
}

/* 回り込み解除 */
#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */

#main a {
   font-size:14px;
}


#main .pr {
   margin:16px 0;
   text-align:left;
}


#main .pr2 {
	font-family: JapanSans90,'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
   margin:5px 0;
   text-align:left;
}

#main h2 {
	font-family: JapanSans70,'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#333;
   margin-bottom:10px;
   padding:6px 2px 5px 0px;
   letter-spacing: 0.05em;
   font-size:26px;
   font-weight:bold;
   line-height:1.4;
   border-left:0px solid #ccc;
   border-top:0px solid #ccc;
   border-bottom:0px solid #ccc;
}

#main h3 {
	font-family: JapanSans90,'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
   margin-bottom:10px;
   padding:5px 2px 5px 0px;
   font-size:20px;
   letter-spacing: 0.1em;
   line-height:1.4;
   border-bottom:1px solid #778899 ;
   color:#000;
   font-weight:normal;
}


#main h4 {
   margin-top:10px;
   margin-bottom:10px;
   padding:6px 2px 6px 10px;
   font-size:19px;
   font-weight:bold;
   line-height:1.4;
   background:#fff;
   border-top:0px solid #ccc;
   border-left:1px solid #333;
   border-bottom:1px solid #333;
}


#main h5 {
   font-weight:normal;
   margin-top:10px;
   margin-bottom:5px;
   padding:5px 2px 5px 12px;
   font-size:18px;
letter-spacing: 0.1em;
   line-height:1.4;
   border-bottom:0px dashed #333;
   color:#000 ;
   background:#fff8dc ;
}


#main p{
	font-family: JapanSans90,'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
   letter-spacing: 0.1em;
   margin:0 0 0.2em 0;
   line-height:1.4;
  font-size :23px;
   color:#778899 ;
   font-weight:normal;
}

#main dd{
   padding:0;
   margin:0 0 0em 0em;
   padding:0px;
   background:#ffffff;
}


.mainMenu {
   position:relative;
   padding:5px 0 10 0;
   border-top:0px solid #CECFCE;
}

.mainMenu ul {
   position:relative;
   left:50%;
   float:left;
   margin:0;
   padding:0;
   list-style:none;
}

.mainMenu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
   background : #fff url(mark.gif) no-repeat 0px 8px;
   padding-left:18px;
   font-size:14px;
   font-weight:normal;
}



.menu {
   position:relative;
   padding:20px 0 20 0;
}

.menu ul {
   position:relative;
   left:50%;
   float:left;
   margin:0;
   padding:0;
   list-style:none;
}

.menu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
   background : #fff url() no-repeat 0px 8px;
   padding-left:15px;
   font-size:14px;
   font-weight:normal;
   text-decoration:underline;
}



a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 330px;
	margin: auto;
	padding: 1rem 1rem;
   font-size:16px;
	font-weight: bold;
	border: 1px solid #778899;
	background: #778899;
	color: #fff;
	transition: 0.5s;
}
a.btn_02:hover {
	color: #778899;
	background: #fff;
}




/* ========subR CONTENTS CUSTOMIZE======== */
#subR .pr {
   margin:10px 0;
   text-align:left;
}

#subR .section {
   background:#fff;
}

#subR h2 {
	font-family: JapanSans70,'ヒラギノ角ゴ Pro W3','Hiragino Kaku  Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
   padding:5px 0 0.3em 0em;
   margin:14px 0;
   font-size:19px;
   font-weight:bold;
   color:#333;
   border-bottom:1px solid #000;
}

#subR ul {
   margin:0;
   padding:5px 0 1em 0.2em;
}

#subR li {
   margin:0;
   padding-left:18px;
   line-height:2.1;
   background : #ffffff url(bg_list.gif) no-repeat 0px 5px;
   list-style:none;
   letter-spacing: 0.2em;
   font-size:14px;
}


A.a1{
  text-decoration:none;
  letter-spacing:2.2px;
  background-color : #ffffff;
  color :#1e5fc4;
  font-size :15px;
  font-weight:light; 
  width : 295px;
  padding:2px 0 0.5em 0em;
  border-bottom: 1px solid #cccccc;
  display:block;
}
/* メニューカーソルオン時の設定 */

A:visited{
   color:#660066;
   text-decoration:none;
}

A:HOVER.a1{
  text-decoration:none;
  background-color : #FAFAD2;
  color : #666;
  display:block;
}



A.active{
   background:#FAFAD2;
  color : #660066;
  padding:2px 0 0.5em 0em;
}


/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
   padding:10px;
   text-align:right;
   font-size:14px;
}

#pageTop a {
  text-decoration:none;
   padding:0 0 0 12px;
   background : url(bg_pagetop.gif) no-repeat 0px 60%;
}



/* ========FOOTMENU CUSTOMIZE========= */
#footMenu a{
  text-decoration:none;
}


#footMenu {
   position:relative;
   padding:20px 0 0 0;
   border-top:1px solid #CECFCE;
  text-decoration:none;
}

#footMenu ul {
   position:relative;
   left:50%;
   float:left;
   margin:0;
   padding:0;
   list-style:none;
}

#footMenu li {
   position:relative;
   left:-50%;
   float:left;
   margin:0 40px 0 0;
   padding:0;
   font-size:16px;
}
/* ========FOOTER CUSTOMIZE======== */

.copyright {
   padding:20px 0;
   text-align:center;
   font-style:normal;
   font-size:15px;
   border-top:0px solid #ccc;
}


body{
font-family:メイリオ, Meiryo,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',  'ＭＳ Ｐゴシック', sans-serif;
}




a.facebook-iine{
width:50%;
padding:10px 0;
color:#fff;
text-align:center;
background-color:#3b5998;
height:25px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:5px;
}
 
a.facebook-iine:hover{
background-color:#6277a1;
}
 
a.twitter-tweet{
width:50%;
padding:10px 0;
color:#fff;
text-align:center;
background-color:#00acee;
height:25px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:5px;
}
 
a.twitter-tweet:hover{
background-color:#00BFFF;
}



a.hatenabtn2{
width:50%;
padding:10px 0;
color:#fff;
text-align:center;
background-color:#246fc2;
height:25px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:10px;
}
 
a.hatenabtn2:hover{
background-color:#4883bd;
}


a.gplusbtn{
width:50%;
padding:10px 0;
color:#fff;
text-align:center;
background-color:#DD4B39;
height:25px;
display:block;
text-decoration:none;
font-size:14px;
float:left;
margin-bottom:10px;
}
 
a.gplusbtn:hover{
background-color:#E05D4C;
}






table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  color: #000;
}

table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 0px solid #bbb;
}
table thead{
  border-bottom: 5px solid #ff9900;
}
table tr:last-child{
   border-bottom: none
}
table th,
table td {
  padding: 0.3em 8px 1em 0em;
  border-right: 0px solid #bbb;
}
table th:last-child,
table td:last-child{
    border: none;
}
tbody th {
    color: #ff9901;
}
.txt{
   text-align: left;
   font-size: 1em;
}
.price{
   text-align: right;
}





a.facebook-top{
width:24%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#3b5998;
height:23px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
margin-right:2px;
margin-bottom:2px;
}
 
a.facebook-top:hover{
background-color:#6277a1;
}


 
a.twitter-top{
width:25%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#00acee;
height:25px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
margin-right:2px;
margin-bottom:2px;
}
 
a.twitter-top:hover{
background-color:#00BFFF;
}


a.hatenabtntop{
width:25%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#246fc2;
height:23px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
margin-right:2px;
}
 
a.hatenabtntop:hover{
background-color:#4883bd;
}




a.pocketbtntop{
width:25%;
padding:5px 0;
color:#fff;
text-align:center;
background-color:#EF3E56;
height:23px;
display:block;
text-decoration:none;
font-size:10px;
border-radius:5px;
float:left;
}
 
a.pocketbtntop:hover{
background-color:#f79eaa;
}


/*レスポンシブ設定*/

@media screen and (max-width: 480px) {
h3, p, ol, li, th, td, dl {
	font-size: 1em !important; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}

#header {
	height: auto; /*領域の高さ指定*/

}
h1 {
	font-size: 5em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	line-height: auto; /*行の高さ指定(数値のみの場合はfont-sizeの倍数)*/
	height: auto; /*領域の高さ指定*/
width: 100px; 
}


article h2 {
	font-size: 2em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
}
.info {
	font-size: 0.9em; /*フォントサイズ指定(emはフォントの高さを１とした相対指定)*/
	width: 80px; /*幅指定(100%は画面横幅いっぱいに表示)*/
	height: 50px; /*領域の高さ指定*/
}
.info ul {
	padding: 5px 0; /*ボックス内側の余白*/
}
.wrapper {
	margin: 50px 0 0 0; /*ボックス外側の余白*/
}
.content {
	margin: 0; /*ボックス外側の余白*/
	width: 100%; /*幅指定(100%は画面横幅いっぱいに表示)*/
float: none;
}
section {
	width: 90%; /*幅指定(100%は画面横幅いっぱいに表示)*/
float: none;
}

.copyright {
    /*透明度設定*/
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5; /*ここまで透明度設定*/
}


p.resizeimage img {
    max-width: 90%;
    height:auto;
}
div, iframe, img {
	max-width: 100%;
}
img {
        max-width: 95%;
	height: auto;
}



#subR {
    float: none;
        max-width: 100%;
width:100%;
overflow-x: hidden !important;
}

#main {
    float: none;
        max-width: 100%;
width:100%;
overflow-x: hidden !important;
}

#top{
width:100%;
overflow-x: hidden !important;
}

#header{
width:100%;
overflow-x: hidden !important;
}

#contents{
width:100%;
overflow-x: hidden !important;
}

#footMenu{
width:100%;
overflow-x: hidden !important;
}


#footer{
width:100%;
overflow-x: hidden !important;
}

#pageTop {
width:90%;
overflow-x: hidden !important;
}


}



@media (max-width: 480px) {
  .up480 {
    display: none;
  }
}

@media (min-width: 480px) {
  .col {
    float: left;
    margin-bottom: 2%;
  }

  .col2-wrap>.col:nth-child(odd) {
    margin-right: 2%;
  }

  .col2-wrap>.col {
    width: 49%;
  }
}

.col2-wrap {
  margin: 0 0 1em;
}

.col {
  width: auto;
  margin-left: 0;
  background-color: transparent;
  text-align: -webkit-center;
  text-align: center;
}