@charset "utf-8"; 

body{
  font-size : 14px;
  color : gray;
    text-align: center; 
}

div#wrapper{
	   
  width : 310px;   
  margin: 0 auto;   
  text-align: left;   
} 

h1{
  text-align: center;
  font-size : 18px;
  margin-top : 10px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

h2{
  font-size : 16px;
  color : white;
  text-align : center;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  padding-top : 8px;
  padding-bottom : 8px;
  padding-left : 12px;
  font-weight : bold;
  border-top-left-radius : 6px;
  border-top-right-radius : 6px;
}

h3{
  font-size : 14px;
  padding-top : 5px;
  padding-left : 23px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  text-decoration : none;
}

h4{
  color : white;
  padding-left : 23px;
  padding-right : 0px;
  padding-top : 10px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  margin-left : 0px;
  letter-spacing : 2px;
  height : 24px;
  font-size : 12px;
}

/*その他タグ*/
img{
  border-width : 0px;
}

p{
  margin-top : 3px;
  margin-bottom : 3px;
}

ol{
  margin-top : 0px;
  margin-bottom : 0px;
  margin-left : 0px;
  margin-right : 0px;
}

address{
  font-style: normal;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
}

/*ソーシャルボタン*/
.social{
  width : 100%;
  display:inline-block;
  white-space : nowrap;
  padding-left : 0px;
  padding-top : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
} 

.facebook{
  display:block; 
  text-align:center;
  text-decoration:none;
  float:left;
  width : 35%;
}

.twetter{
  display:block; 
  text-align:center;
  text-decoration:none;
  float:left;
  width : 35%;
}

.googleplus{
  display:block; 
  text-align:center;
  text-decoration:none;
  float:right;
  width : 30%;
}

/*ツイートボタン*/
.tweetbutton{
  margin-top : 5px;
  margin-bottom : 5px;
  text-align : right;
  margin-right : 5px;
}

.text{
  padding-left : 5px;
  padding-bottom : 5px;
  padding-right : 2px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : #dddddd;
  border-right-color : #dddddd;
  border-bottom-color : #dddddd;
  padding-top : 5px;
  background-color : white;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.text img{
  margin-right : 2px;
  margin-top : 2px;
  margin-bottom : -1px;
}

.join{
  list-style-type : decimal;
  list-style-position : inherit;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

/*リスト */
dl{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-left : 5px;
  margin-top : 0px;
}

dt{
  padding-left : 0px;
  padding-top : 0px;
  padding-right : 0px;
  padding-bottom : 2px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  color : red;
}

dd{
  padding-left : 0px;
  padding-top : 0px;
  padding-right : 0px;
  padding-bottom : 5px;
  margin-top : 0px;
  margin-left : 5px;
  margin-right : 0px;
  margin-bottom : 0px;
  color : blue;
}

/*色分け*/
.blue{
  color : blue;
  display: inline;
  padding-bottom : 0px;
}

.red{
  color : red;
  display: inline;
  padding-bottom : 0px;
}

.pink{
  color : pink;
}

.navy{
  color : navy;
}

.man{
  font-size : 14px;
  color : blue;
  padding-top : 5px;
  padding-left : 2px;
  padding-right : 0px;
  padding-bottom : 0px;
  border-bottom:solid 2px #0000ff;
  margin-top : 0px;
  margin-bottom : 2px;
}

.woman{
  font-size : 14px;
  color : red;
  padding-top : 5px;
  padding-left : 2px;
  padding-right : 0px;
  padding-bottom : 0px;
  border-bottom:solid 2px #ff0033;
  margin-top : 0px;
  margin-bottom : 2px;
}


.disnon{
  display: none;
}

.content_wrap{
  clear: left;
  width: 100%;
  text-align: left;

}

/*リンクボタン*/
.btn-link{
  color:#999999;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  display: block;
  background : #eeeeee;
  background-repeat : no-repeat;
  border: 1px solid #dddddd;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  width: 100%;
  padding: 10px 0;
  margin-top : 5px;
  background-image : url(img/arrow-right.gif);
  background-repeat : no-repeat;
  background-position : 95% 50%;
}

.btn-mail{
  color:#999999;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  display: block;
  background : #eeeeee;
  background-repeat : no-repeat;
  border: 1px solid #dddddd;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  width: 100%;
  padding: 10px 0;
  margin-top : 5px;
  background-image : url(img/mail.png);
  background-repeat : no-repeat;
  background-position : 95% 50%;
}

/*折りたたみボックス*/
.boxtitle{
  color : #111111;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  display: block;
  background : #eeeeee url(img/arrow-under.gif) no-repeat 5px 50%;
  width: 100%;
  padding : 10px 0px 10px;padding-left : 0px;
  margin-top : 5px;
  clear:both; 
  margin-bottom : 0px;
}

.boxtext{
  padding-bottom : 2px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : #dddddd;
  border-right-color : #dddddd;
  border-bottom-color : #dddddd;
  background-color : white;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-top : 0px;
  display : none;
  padding-left: 6px;
}

.boxtext img{
  padding-left : 3px;
  padding-right : 3px;
}

.boxcontents{
  margin-top : 0px;
  margin-bottom : 5px;
  padding-top : 3px;
  padding-bottom : 2px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : #dddddd;
  border-right-color : #dddddd;
  border-bottom-color : #dddddd;
  background-color : white;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-top : 0px;
  width : 280px;
}

/*ナビゲーションバー*/
.navi{
  text-align:center;
  margin-left : -40px;
}

.navi ul{
  display: table;
  table-layout: fixed;
  width: 310px;

}

.navi li{
  display: table-cell;
  text-align:center;
  padding-top : 5px;
  padding-bottom : 5px;
}

.navi li:first-child{
	 
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.navi li:last-child{
	 
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

 
.navi li:not(:last-child){
	 
    border-right:1px solid white; 
}

.navi li a{
	 
  display:block;
  text-decoration:none;
  color : white;
}

/*コピーライト*/
#copyright{
  text-align : center;
  color : red;
}

.text strong{
  font-weight : normal;
}

.add{
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 13px;
  margin-bottom : 6px;
  text-align : center;
  margin-left : 0px;
  margin-right : 0px;
  padding-left : 0px;
  padding-right : 0px;
}

.detail{
  margin-bottom : 5px;
}

.comment{
  margin-bottom : 5px;
}


.maincontents{
  padding-left : 10px;
  padding-bottom : 3px;
  margin-top : 3px;
  padding-top : 0px;
}
.center{
  text-align : center;
}

.bell{
  background-image : url(img/bell.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.clock{
  background-image : url(img/clock.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.building{
  background-image : url(img/building.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.users{
  background-image : url(img/users.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.en{
  background-image : url(img/en.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.medalpng{
  background-image : url(img/medalpng.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}


.heart{
  background-image : url(img/heart.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.heartbreak{
  background-image : url(img/heart-break.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.heartblue{
  background-image : url(img/heart-blue.gif);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.heartred{
  background-image : url(img/heart-blue.gif);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.caution{
  background-image : url(img/caution.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.mail{
  background-image : url(img/mail.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.beer{
  background-image : url(img/beer.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
}

.men{
  color : blue;
  display: inline;
  padding-bottom : 0px;
  background-image : url(img/man.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
  padding-left : 23px;
  padding-right : 0px;
  padding-top : 10px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  margin-left : 0px;
}

.women{
  color : red;
  display: inline;
  padding-bottom : 0px;
  background-image : url(img/woman.png);
  background-repeat : no-repeat;
  background-position : 5px 50%;
  padding-left : 23px;
  padding-right : 0px;
  padding-top : 10px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right : 0px;
  margin-left : 0px;
}

 
.topicpath ol{
	list-style:none;
}

.topicpath li{
  display: inline-block;
  float:left;
}
 
.topicpath li + li:before{
    margin: 0px 5px;
    content: ">";
}

.topicpath{
  padding-left : 0px;
  padding-right : 0px;
  padding-top : 10px;
  padding-bottom : 10px;
}

.tittle{
  border-bottom-width : 1px;
  border-bottom-style : solid;
  margin-top : 5px;
  margin-bottom : 5px;
}

/*メニューリスト*/
.menus{
  margin-top : -18px;
  margin-right : 42px;
}

.menus ul{
  display: table;
  table-layout: fixed;
  width: 100%;
  border-left-width : 1px;
  border-right-width : 1px;
  border-bottom-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-color : #dddddd;
  border-right-color : #dddddd;
  border-bottom-color : #dddddd;
  background-color : white;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.menus li{
  border-bottom-style : solid;
  border-bottom-color : #dddddd;
  border-bottom-width : 1px;
  width: 278px;
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left : 30px;
  padding-right : 0px;
  display: block; 
  clear: both;
  background-color : white;
  color:#999999;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-left : -40px;
  margin-right : -40px;
  background-repeat : no-repeat;
  background-position : 10px 50%;
  position:relative;
}

.menus li:last-child{
  border-bottom-style : none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.menus img{
  padding-left : 3px;
  padding-right : 3px;
}

.menus li a{
	 
  display:block;
  text-decoration:none;
  color : gray;
}