@charset "UTF-8";

/* ------------------------------------------------------
■top > 画像
------------------------------------------------------ */
.top_pic ul{
	width			: 100%;
	margin-bottom		: 20px;
	color			: #FFF;
	float			: left;
	position		: relative;
	background		: #FFF;
}

.top_pic ul.backnumber{
	margin-top		: 20px;
}

.top_pic ul.backnumber li{
	margin			: 0;
	text-align		: center;
}

.top_pic ul li a{
	font-size		: 12px;
	display			: block;
	color			: #FFF;
}

.top_pic ul li img{
	max-width		: 100%;
	height			: auto;
	margin			: 0 auto;
	padding			: 0px;
	display			: block;
}

.top_pic ul li img.backnumber{
	max-width		: 90%;
	margin			: 0px 5%;
}

.top_pic ul.backnumber li.b60px{
	margin			: 0 0 60px 0;
}

/* ------------------------------------------------------
■メイン文字
------------------------------------------------------ */
p.info{
	margin			: 10px;
}

/* ------------------------------------------------------
■バックナンバー > 文字
------------------------------------------------------ */
h2.backnumber{
	font-size		: 20px;
	margin			: 10px;
}


/* ------------------------------------------------------
■背景
------------------------------------------------------ */

#wrapper{
	/*! background		: #F5F5F5; */
}


/* ------------------------------------------------------
■jumpmenu
------------------------------------------------------ */

#jumpmenu{
	
}

#jumpmenu ul{
	width			: 100%;
	margin			: 0 auto;
}

#jumpmenu ul li.left{
	width			: 48%;
	margin			: 0 2% 0 0;
	float			: left;
}

#jumpmenu ul li.right{
	width			: 48%;
	margin			: 0 0 0 2%;
	float			: right;
	text-align: right;
}

#jumpmenu ul li img.width100{
	max-width		: 100%;
	margin			: 0;
}


/* ------------------------------------------------------
■photogallery
------------------------------------------------------ */

#photogallery{
	margin: 0 0 30px;
	float: left;
}

#photogallery ul{
	width			: 100%;
	margin			: 0 auto;
}

#photogallery ul li.left{
	width			: 37%;
	margin			: 0 2% 0 11%;
	float			: left;
}

#photogallery ul li.right{
	width			: 37%;
	margin			: 0 11% 0 2%;
	float			: right;
	text-align: right;
}

#photogallery ul li img.width100{
	max-width		: 100%;
	margin			: 0;
}


/* ------------------------------------------------------
■kigyoinfo
------------------------------------------------------ */

.kigyoinfo{
	
}

.kigyoinfo ul{
	width			: 80%;
	margin			: 20px 6%;
	background-color	: #FFF;
	border-radius		: 10px;
	border: solid 1px #000;
	padding			: 4%;
	float: left;
}

.kigyoinfo ul li{
	width			: 100%;
	float			: left;
	line-height		: 34px;
}

.kigyoinfo ul li:before{
	content			: '●';
	color: #000;
}

.kigyoinfo ul li.none:before{
	content			: '';
}


/* ------------------------------------------------------
■profile
------------------------------------------------------ */

#profile{
	
}

#profile ul{
	width			: 100%;
	margin			: 0 auto;
}

#profile ul li{
	width			: 96%;
	margin			: 0 2% 26px 2%;
	float			: left;
}

#profile ul li img{
	width			: 40%;
	max-width		: 167px;
	padding			: 0 10px 35px;
	float			: right;
}

#profile ul li h2{
	font-size		: 100%;
	font-weight: bold;
	color: #90A52A;
	padding			: 0 0 10px;
}

#profile ul li p{
	font-size		: 100%;
	line-height: 30px;
	padding			: 0 0 10px;
}

#profile ul li h3{
	font-size: 34px;
	font-weight: bold;
	color: #90A52A;
	padding			: 0 0 10px;
}

#profile ul li h3 b{
	padding			: 0 0 0 10px;
	font-size: 24px;
	font-weight: normal;
}

#profile ul li p.rubi{
	font-size: 14px;
	font-weight: bold;
	color: #90A52A;
	margin			: 0 0 10px 0;
	font-style: italic;
}

p.main{
	margin			: 0 7%;
	/*margin			: 10px 7%;*/
}

p.question{
	margin			: 10px 7%;
	font-weight: bold;
	color: #90A52A;
}

p.kigyo{
	margin			: 10px 7%;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

p.kigyo b{
	font-size: 26px;
}


/* ------------------------------------------------------
■backnumber
------------------------------------------------------ */

#backnumber{
	
}

#backnumber ul{
	width			: 100%;
	margin			: 0 auto;
}

#backnumber ul li{
	width			: 96%;
	margin			: 0 2% 26px 2%;
	float			: left;
	box-sizing		: border-box;
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	-ms-box-sizing		: border-box;
	background		: #000;
}

#backnumber ul li img{
	width			: 40%;
	max-width		: 205px;
	padding			: 35px 10px 35px;
	float			: left;
}

#backnumber ul li h2{
	font-size		: 110%;
	padding			: 0 20px;
}

#backnumber ul li p{
	font-size		: 80%;
	padding			: 5px 20px 2px;
}

#backnumber ul li p.desc{
	font-size		: 80%;
	padding			: 0 20px 10px;
}

#backnumber ul li p#number{
	font-size		: 120%;
	line-height		: 20px;
	padding			: 10px 20px 2px;
}

#backnumber ul li p#number:before{
	content			: '■';
	font-size		: 120%;
}
#backnumber ul li p#number.n64:before{color: #90A52A;}
#backnumber ul li p#number.n63:before{color: #009FE8;}
#backnumber ul li p#number.n62:before{color: #FF7C00;}
#backnumber ul li p#number.n61:before{color: #2B6E9B;}
#backnumber ul li p#number.n60:before{color: #B2A121;}
#backnumber ul li p#number.n59:before{color: #975FDE;}
#backnumber ul li p#number.n58:before{color: #F27A00;}
#backnumber ul li p#number.n57:before{color: #BA2A30;}
#backnumber ul li p#number.n56:before{color: #008800;}
#backnumber ul li p#number.n55:before{color: #A26A00;}
#backnumber ul li p#number.n54:before{color: #0353D5;}
#backnumber ul li p#number.n53:before{color: #8C1C06;}
#backnumber ul li p#number.n52:before{color: #49964A;}
#backnumber ul li p#number.n51:before{color: #E53312;}
#backnumber ul li p#number.n50:before{color: #2E70FF;}
#backnumber ul li p#number.n49:before{color: #AF322D;}
#backnumber ul li p#number.n48:before{color: #F64400;}
#backnumber ul li p#number.n47:before{color: #008D95;}
#backnumber ul li p#number.n46:before{color: #E644AF;}
#backnumber ul li p#number.n45:before{color: #0099FF;}
#backnumber ul li p#number.n44:before{color: #00913A;}
#backnumber ul li p#number.n43:before{color: #803B21;}
#backnumber ul li p#number.n42:before{color: #E77C00;}
#backnumber ul li p#number.n41:before{color: #0353D5;}
#backnumber ul li p#number.n40:before{color: #3D3FD1;}
#backnumber ul li p#number.n39:before{color: #FFBA40;}
#backnumber ul li p#number.n38:before{color: #17D0FF;}
#backnumber ul li p#number.n37:before{color: #ADE74B;}
#backnumber ul li p#number.n36:before{color: #FFDC00;}
#backnumber ul li p#number.n35:before{color: #E50012;}
#backnumber ul li p#number.n34:before{color: #975FDE;}
#backnumber ul li p#number.n33:before{color: #4A63C0;}
#backnumber ul li p#number.n32:before{color: #5AD62C;}
#backnumber ul li p#number.n31:before{color: #F7BF2C;}
#backnumber ul li p#number.n30:before{color: #0099D0;}
#backnumber ul li p#number.n29:before{color: #E2007F;}
#backnumber ul li p#number.n28:before{color: #FFDC00;}
#backnumber ul li p#number.n27:before{color: #FFB37D;}
#backnumber ul li p#number.n26:before{color: #6DC596;}
#backnumber ul li p#number.n25:before{color: #95C4E1;}
#backnumber ul li p#number.n24:before{color: #BF9D71;}
#backnumber ul li p#number.n23:before{color: #00CFBC;}
#backnumber ul li p#number.n22:before{color: #E698F1;}
#backnumber ul li p#number.n21:before{color: #D0BE00;}
#backnumber ul li p#number.n20:before{color: #0493DC;}
#backnumber ul li p#number.n19:before{color: #FF9F96;}
#backnumber ul li p#number.n18:before{color: #FFB317;}
#backnumber ul li p#number.n17:before{color: #80CC73;}
#backnumber ul li p#number.n16:before{color: #8BA9FF;}
#backnumber ul li p#number.n15:before{color: #D49B2F;}
#backnumber ul li p#number.n14:before{color: #FF6BBA;}
#backnumber ul li p#number.n13:before{color: #4AA8BE;}
#backnumber ul li p#number.n12:before{color: #8DC21F;}
#backnumber ul li p#number.n11:before{color: #0D67FF;}
#backnumber ul li p#number.n10:before{color: #FF8671;}
#backnumber ul li p#number.n09:before{color: #80D4E9;}
#backnumber ul li p#number.n08:before{color: #C380F2;}
#backnumber ul li p#number.n07:before{color: #00B9AD;}
#backnumber ul li p#number.n06:before{color: #FF0000;}
#backnumber ul li p#number.n05:before{color: #FFD700;}
#backnumber ul li p#number.n04:before{color: #FF7BAC;}
#backnumber ul li p#number.n03:before{color: #3AB54B;}
#backnumber ul li p#number.n02:before{color: #14A0FF;}
#backnumber ul li p#number.n01:before{color: #F16A24;}

#backnumber a:link {
	color			: #FFF;
	text-decoration		: none;
}
#backnumber a:visited {
	color			: #FFF;
	text-decoration		: none;
}
#backnumber a:hover {
	color			: #FFF;
	text-decoration		: none;
}
#backnumber a:active {
	color			: #FFF;
	text-decoration		: none;
}

#menu a:link, a:visited, a:hover, a:active {
	color			: #000;
	text-decoration		: none;
}


/* ------------------------------------------------------
□backnumber > border
------------------------------------------------------ */
#backnumber ul li .border{
	width			: 100%;
	float			: left;
}


/* ------------------------------------------------------
■TOPへ
------------------------------------------------------ */

#to_top{
	width			: 100%;
	margin			: 0 auto;
}

#to_top ul{
	width			: 100%;
	margin-bottom		: 0px;
	/*margin-bottom		: 20px;*/
	float			: left;
	position		: relative;
	background		: #FFF;
}

#to_top ul li.totop{
	margin			: 20px 0 0;
	text-align		: center;
	font-size		: 250%;
}

#to_top ul li hr.water_dotline{
	margin			: 0 0 30px 0;
	color			: #000;
	border-top: 5px dotted;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#to_top ul li img{
	
}

#to_top a:link, a:visited, a:hover, a:active{
	
}

#to_top ul li img.width100{
	max-width		: 100%;
	margin			: 0;
}

#to_top ul li img.width96{
	max-width		: 96%;
	margin			: 0 2%;
}


/* ------------------------------------------------------
■dream
------------------------------------------------------ */

#to_top_dream{
	width			: 100%;
	margin			: 0 auto;
}

#to_top_dream ul{
	width			: 100%;
	float			: left;
	position		: relative;
	background		: #AD6CBE;
}

#to_top_dream ul li.totopdream{
	margin			: 0;
	text-align		: center;
	font-size		: 250%;
}

#to_top_dream ul li hr.water_dotline{
	margin			: 0 0 30px 0;
	color			: #000;
	border-top: 5px dotted;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#to_top_dream ul li img{
	
}

#to_top_dream a:link, a:visited, a:hover, a:active{
	
}

#to_top_dream ul li img.width100{
	max-width		: 100%;
	margin			: 0;
}

#to_top_dream ul li img.width96{
	max-width		: 96%;
	margin			: 0 2%;
}

#to_top_dream p.main_dream{
	padding: 0 7% 10px;
	background-color: #AD6CBE;
	font-size: 16px;
	text-align: left;
	color: #FFF;
}

#to_top_dream p.main_dream a{
	color: #FFF;
}


/* ------------------------------------------------------
■talk
------------------------------------------------------ */

#to_top_talk{
	width			: 100%;
	margin			: 0 auto;
}

#to_top_talk ul{
	width			: 100%;
	float			: left;
	position		: relative;
	background		: #FFFFA0;
}

#to_top_talk ul li.totoptalk{
	margin			: 0;
	text-align		: center;
	font-size		: 250%;
}

#to_top_talk ul li.totoptalk_t{
	margin			: 0 0 30px;
	text-align		: center;
	font-size		: 250%;
}

#to_top_talk ul li hr.water_dotline{
	margin			: 0 0 30px 0;
	color			: #000;
	border-top: 5px dotted;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#to_top_talk ul li img{
	
}

#to_top_talk a:link, a:visited, a:hover, a:active{
	
}

#to_top_talk ul li img.width100{
	max-width		: 100%;
	margin			: 0;
}

#to_top_talk ul li img.width96{
	max-width		: 96%;
	margin			: 0 2%;
}

#to_top_talk p.main_talk{
	padding: 0 7% 10px;
	background-color: #FFFFA0;
	font-size: 16px;
	text-align		: left;
}

#to_top_talk p.main_talkb{
	padding: 0 7% 10px;
	background-color: #FFFFA0;
	font-size: 16px;
	text-align		: right;
	font-weight: bold;
}


/* ------------------------------------------------------
■Before After
------------------------------------------------------ */

#to_top_BeforeAfter{
	width			: 100%;
	margin			: 0 auto;
}

#to_top_BeforeAfter ul{
	width			: 100%;
	float			: left;
	position		: relative;
	background		: #DBDCDC;
}

#to_top_BeforeAfter ul li.totopBeforeAfter{
	margin			: 0;
	text-align		: center;
	font-size		: 250%;
}

#to_top_BeforeAfter ul li.totopBeforeAfter_t{
	margin			: 0 0 30px;
	text-align		: center;
	font-size		: 250%;
}

#to_top_BeforeAfter ul li hr.water_dotline{
	margin			: 0 0 30px 0;
	color			: #000;
	border-top: 5px dotted;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

#to_top_BeforeAfter ul li img{
	
}

#to_top_BeforeAfter a:link, a:visited, a:hover, a:active{
	
}

#to_top_BeforeAfter ul li img.width100{
	max-width		: 100%;
	margin			: 0;
}

#to_top_BeforeAfter ul li img.width96{
	max-width		: 96%;
	margin			: 0 2%;
}

#to_top_BeforeAfter p.main_BeforeAfter{
	padding: 0 7% 10px;
	background-color: #DBDCDC;
	font-size: 16px;
	text-align		: left;
}


/* ------------------------------------------------------
■footer > menu
------------------------------------------------------ */

#menu_backnumber{
	width			: 100%;
	overflow		: hidden;
	border-top		: solid 1px #000;
	border-bottom		: solid 1px #000;
	position		: relative;
}

#menu_backnumber nav ul{
	
}

#menu_backnumber nav li{
	width			: 49.9%;
	background		: #FFF;
	text-align		: center;
	float			: left;
	box-sizing		: border-box;
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	-ms-box-sizing		: border-box;
}

#menu_backnumber nav li:nth-child(2){
	border-left		: solid 1px #000;
	border-right		: solid 0px #000;
}

#menu_backnumber nav li a{
	padding			: 10px 0;
	font-size		: 15px;
	font-weight		: bold;
	display			: block;
}

#menu_backnumber nav li.turn a{
	letter-spacing		: ;
}

#menu_backnumber nav li.turn img{
	margin-bottom		: -4px;
}