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


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

	structure

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


/* base
-------------------------------------------*/
body, input {
	color: #333;
	font: 16px/1.6 Helvetica, "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust: none;
}
a {
	color: #6699ff;
}
a:hover {
	color: #95B3CD
}
a:visited {
	color: #7766BE
}
a:active {
}
.clearfix {
	zoom:100%;
}
.clearfix:after {
	content:" ";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
/* #wrapper
-------------------------------------------*/
#wrapper {
	background: url(../images/sp_bg01.png) repeat-y top center;
	background-size: contain;
}
/* header
-------------------------------------------*/
header {
}
header h1 img {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
/* #container
-------------------------------------------*/
#container {
	margin-bottom: 20px;
}
#container p {
	margin-bottom: 16px;
}
#container section {
	margin-bottom: 20px;
}
/* footer
-------------------------------------------*/
#pagetop {
	clear: both;
	float: right;
	width: 140px;
	margin-top: 20px;
	margin-right: 4%;
	background: #111184;
	font-size: 11px;
	text-align: center;
}
#pagetop a {
	color: #fff;
	text-decoration: none;
	padding: 12px 12px 10px 24px;
	background: url(../images/sp_arrow_pagetop.png) no-repeat 8px center;
	display: block;
	background-size: 14px;
}
footer {
	background: #666666;
	clear: both;
	padding: 10px 0;
	color: #fff;
	text-align: center;
	line-height: 2;
}
footer a {
	color: #fff;
}
footer a:visited {
	color: #fff;
}
footer a:hover {
	color: #fff
}
footer .footer-menu {
	margin-top: 20px;
	margin-bottom: 16px;
	font-size: 11px;
}
footer .footer-menu p {
	padding-bottom: 30px;
}
footer .footer-menu p.toppage {
	font-size: 14px;
	text-align: left;
	background: url(../images/sp_icon_home.png) no-repeat 10px center;
	background-size: 30px;
	padding-bottom: 0;
	margin-bottom: 10px;
}
footer .toppage a {
	text-decoration: none;
	font-weight: bold;
	padding-left: 44px;
}
footer .copy {
	font-size: 12px;
	clear: both;
}
/*----------------------------------------------------------------------

	box-style

----------------------------------------------------------------------*/
.box-contents {
	margin: 0 4% 10px;
}
.box-white01 {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	margin: 0 4% 20px;
	padding: 10px;
}
.box-contents div.box-white01 {
	margin: 0 0 20px 0;
}
.box-white01.own {
	background: #eee;
}
/* box02 ----- */
.box02 {
	background: -moz-linear-gradient(top, #fff, #f8f8f8);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
	padding: 10px;
	margin-bottom: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
	position: relative;
}
.box02 dt {
	font-size: 14px;
	font-weight: bold;
	color: #888;
	padding-left: 14px;
	margin: 0 22px 10px 0;
	border-bottom: 1px dotted #ccc;
	background: url(../images/icon-mark04.png) no-repeat left center;
	background-size: 12px;
}
.box02 dt.w100 {
	margin: 0 0 10px;
}
.box02 dd.photo {
	margin: 0 10px 10px 0;
	float: left;
}
.box02 dd.photo img {
	display: block;
	overflow: hidden;
	width: 100px;
	height: 100px;
}
.box02 dd.btn {
	margin-left: 1px;
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
.box02 dd.btn div {
 display: inline-block;
 width: 100%;
}
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
.box02 dd.btn div {
 display: inline-block;
 width: 100%;
 margin-right: 5%;
}
}
.box02 dd.btn a.btn {
	text-decoration: none;
	background: url(../images/sp_btn_icon01.png) no-repeat 6px center, -moz-linear-gradient(top, #fa80b7, #f05fa0);
	background: url(../images/sp_btn_icon01.png) no-repeat 6px center, -webkit-gradient(linear, left top, left bottom, from(#fa80b7), to(#f05fa0));
	background-size: 10px, auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0 auto 7px;
	padding: 15px 3px 15px 20px;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border: none;
}
 @media only screen and (orientation : portrait) { /*縦向きの際に適用*/
.box02 dd.data {
 clear: both;
}
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
.box02 dd.data {
 margin-left: 90px;
}
}
.box02 dd.data div {
	margin: 5px 10px 0 0;
	display: inline-block;
 /display: inline;
 /zoom: 1;
	vertical-align: middle;
}
.box02 dd.data span {
	background: #eee;
	color: #888;
	padding: 5px;
	margin: 0 6px 6px 0;
	font-size: 12px;
	min-width: 50px;
	line-height: 1;
	text-align: center;
	display: inline-block;
 /display: inline;
 /zoom: 1;
}
.box02 dd.del {
	position: absolute;
	top: 10px;
	right: 10px;
}
.box02 dd.comment {
	color: #888;
	margin: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.box02 dd.comment a {
	display: block;
	padding: 10px 0 20px;
	border-bottom: 1px dotted #ccc;
}
.box02 dd.status img {
	vertical-align: top;
	margin-right: 3px;
}
/*----------------------------------------------------------------------

	hl-style , bar-style

----------------------------------------------------------------------*/
#container h1, section h1 {
	clear: both;
	margin: 1px 0 10px;
	font-size: 18px;
	text-align: left;
	color: #666;
	padding: 12px 38px 11px;
	background: url(../images/sp_heading01.png) no-repeat 1% 48%, #C7FFFF;
	background-size: 30px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}
#container h1.titlebar {
	margin-top: 10px;
}
h2 {
	clear: both;
	margin: 14px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #999;
	padding: 8px 12px;
	background: url(../images/sp_icon_square01.png) no-repeat center left;
	background-size: 7px;
	/*border-top: 2px dotted #ddd;*/
	border-bottom: 2px dotted #ddd;
}
h2.col01 {
	clear: both;
	margin: 14px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #999;
	padding: 8px 12px;
	background: url(../images/sp_icon_square02.png) no-repeat center left;
	background-size: 7px;
	/*border-top: 2px dotted #ddd;*/
	border-bottom: 2px dotted #ddd;
}
h2.col02 {
	clear: both;
	margin: 14px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #999;
	padding: 8px 12px;
	background: url(../images/sp_icon_square03.png) no-repeat center left;
	background-size: 7px;
	/*border-top: 2px dotted #ddd;*/
	border-bottom: 2px dotted #ddd;
}
h2.col03 {
	clear: both;
	margin: 14px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #999;
	padding: 8px 12px;
	background: url(../images/sp_icon_square04.png) no-repeat center left;
	background-size: 7px;
	/*border-top: 2px dotted #ddd;*/
	border-bottom: 2px dotted #ddd;
}
h2.col04 {
	clear: both;
	margin: 14px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #999;
	padding: 8px 12px;
	background: url(../images/sp_icon_square05.png) no-repeat center left;
	background-size: 7px;
	/*border-top: 2px dotted #ddd;*/
	border-bottom: 2px dotted #ddd;
}
h2.col05 {
	clear: both;
	margin: 14px 0;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	color: #999;
	padding: 8px 12px;
	background: url(../images/sp_icon_square06.png) no-repeat center left;
	background-size: 7px;
	/*border-top: 2px dotted #ddd;*/
	border-bottom: 2px dotted #ddd;
}
h2.titlebar01 {
	border-top: 1px solid #62ab8c;
	border-bottom: 1px solid #1a623d;
	color: #fff;
	font-size: 13px;
	padding-top: 11px;
	padding-bottom: 10px;
	background:#226e4a;
	background: -webkit-gradient(linear, left top, left bottom, from(#398c67), to(#449a76));
	text-shadow: 0 1px 1px #226e4a;
}
h2.titlebar01 span {
	display: block;
	border-left: 3px solid #7db59d;
	padding-left: 5px;
	margin-left: 5px;
	border-radius: 1px;
}
h2.titlebartop01 {
	border-top: 1px solid #1b633e;
}
h2.titlebar02 {
	border-top: 1px solid #62ab8c;
	border-bottom: 1px solid #1a623d;
	color: #fff;
	font-size: 13px;
	padding-top: 11px;
	padding-bottom: 10px;
	background:#333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	text-shadow: 0 1px 1px #226e4a;
}
h2.titlebar02 span {
	display: block;
	border-left: 3px solid #7db59d;
	padding-left: 5px;
	margin-left: 5px;
	border-radius: 1px;
}
h2.titlebartop02 {
	border-top: 1px solid #1b633e;
}
h3 {
	clear: both;
	margin: 14px 0;
	background: #ccc;
	color: #fff;
	padding: 10px;
}
h3.col01 {
	clear: both;
	margin: 14px 0;
	background: #111184;
	color: #fff;
	padding: 10px;
}
h3.col02 {
	clear: both;
	margin: 14px 0;
	background: #0FF;
	color: #fff;
	padding: 10px;
}
h3.col03 {
	clear: both;
	margin: 14px 0;
	background: #6C3;
	color: #fff;
	padding: 10px;
}
h3.col04 {
	clear: both;
	margin: 14px 0;
	background: #FF0;
	color: #CCC;
	padding: 10px;
}
h3.col05 {
	clear: both;
	margin: 14px 0;
	background: #F00;
	color: #fff;
	padding: 10px;
}
.bar01 {
	clear: both;
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #999;
	padding: 5px 0 5px 30px;
	background: url(../images/sp_heading02.png) no-repeat center left;
	background-size: 27px;
	border: none;
	border-bottom: 1px dotted #ccc;
}
/*----------------------------------------------------------------------

	button-style

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

.btn01 a, input.btn01 {
	text-decoration: none;
	/*	
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF1F00);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF1F00));
    */
	background: #FF7000;
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF7000);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF7000));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn02 a, input.btn02 {
	text-decoration: none;
	/*	
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #3D98FA, #0009DF);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#3D98FA), to(#0009DF));
*/
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #3D98FA, #3D98FA);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#3D98FA), to(#3D98FA));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn03 a, input.btn03 {
	background: url(../images/docomoidbutton.png) no-repeat center;
	background-size: 100%;
	width: 90%;
	height:100%;
	display: block;
	padding: 10px 0;
	text-indent: -9999px;
	border: none;
}
.btn10 a, input.btn10 {
	text-decoration: none;
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF1F00);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF1F00));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn11 a, input.btn11 {
	text-decoration: none;
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #3D98FA, #0009DF);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#3D98FA), to(#0009DF));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn15 a, input.btn15 {
	text-decoration: none;
	/*	
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF1F00);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF1F00));
    */

	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #666, #666);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#666), to(#666));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn16 a, input.btn16 {
	text-decoration: none;
	/*	
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF1F00);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF1F00));
    */

	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #3C0, #3C0);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#3C0), to(#3C0));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn17 a, input.btn17 {
	text-decoration: none;
	/*	
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF1F00);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF1F00));
    */

	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #F9C, #F9C);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#F9C), to(#F9C));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn18 a, input.btn18 {
	text-decoration: none;
	/*	
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF1F00);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF1F00));
    */

	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF0, #FF0);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF0), to(#FF0));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #666;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn19 a, input.btn19 {
	text-decoration: none;
	/*	
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #FF7000, #FF1F00);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#FF7000), to(#FF1F00));
    */

	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #CFBD8B, #A59156);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#CFBD8B), to(#A59156));
	background-size: 15px, auto;
	text-align: center;
	font-size: 19px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 auto 16px;
	padding: 14px 0;
	width: 92%;
	display: block;
	color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
}
.btn01.w100, .btn02.w100, .btn03.w100, .btn01.w100 a, .btn02.w100 a, .btn03.w100 a {
	width: 100%;
}
.btn10.w100, .btn11.w100, .btn10.w100 a, .btn11.w100 a {
	width: 100%;
}
.btn15.w100, .btn16.w100, .btn17.w100, .btn18.w100, .btn19.w100, .btn15.w100 a, .btn16.w100 a, .btn17.w100 a, .btn18.w100 a, .btn19.w100 a {
	width: 100%;
}
/*----------------------------------------------------------------------

	link-style

----------------------------------------------------------------------*/
/* link01 ----- */

/*.link01 {
	background: url(../images/sp_icon_arrow02.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
	text-decoration: none;
}*/
/* link-check ----- */

.link-check {
	background: url(../images/icon-mark03.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
/* link-del ----- */

.link-del {
	background: url(../images/icon-mark02.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
/*----------------------------------------------------------------------

	list-style

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

nav.menu-nav ul {
	border-top: 1px solid #ccc;
	width: 98%;
	margin: 0 auto;
}
nav.menu-nav ul li {
	text-align: left;
}
nav.menu-nav ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #777;
	padding: 12px 10px;
	background:#ededed;
	background: url(../images/sp_icon_arrow01.png) no-repeat 98% center, -moz-linear-gradient(top, #fff, #ededed);
	background: url(../images/sp_icon_arrow01.png) no-repeat 98% center, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background-size: 11px 16px, auto;
	border: 1px solid #ccc;
	border-top: none;
}
nav.menu-nav ul li a:hover, nav.menu-nav ul ul li a:visited {
	color: #777
}
nav.menu-nav-flat ul {
	border-top: 1px solid #ccc;
	width: 98%;
	margin: 0 auto;
}
nav.menu-nav-flat ul li {
	text-align: left;
}
nav.menu-nav-flat ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #777;
	padding: 12px 10px;
	background: url(../images/sp_icon_arrow01.png) no-repeat 98% center, -moz-linear-gradient(top, #ededed, #ededed);
	background: url(../images/sp_icon_arrow01.png) no-repeat 98% center, -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ededed));
	background-size: 11px 16px, auto;
	border: 1px solid #ccc;
	border-top: none;
}
nav.menu-nav-flat ul li a:hover, nav.menu-nav ul ul li a:visited {
	color: #777
}
/* list01 ----- */
.list01 ul {
}
.list01 ul li, ul.list01 li {
	font-size: 14px;
	background: url(../images/sp_icon_arrow02.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
.list01 ul li a, ul.list01 li a {
	text-decoration: none;
}
/* list02 ----- */
.list02 ul {
}
.list02 ul li, ul.list02 li {
	font-size: 14px;
	background: url(../images/sp_icon_arrow03.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
.list02 ul li a, ul.list02 li a {
	text-decoration: none;
}
/* list03 ----- */
.list03 ul {
}
.list03 ul li, ul.list03 li {
	font-size: 14px;
	background: url(../images/sp_icon_arrow04.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
.list03 ul li a, ul.list03 li a {
	text-decoration: none;
}
/* list04 ----- */
.list04 ul {
}
.list04 ul li, ul.list04 li {
	font-size: 14px;
	background: url(../images/sp_icon_arrow05.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
.list04 ul li a, ul.list04 li a {
	text-decoration: none;
}
/* list05 ----- */
.list05 ul {
}
.list05 ul li, ul.list05 li {
	font-size: 14px;
	background: url(../images/sp_icon_arrow06.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
.list05 ul li a, ul.list05 li a {
	text-decoration: none;
}
/* list06 ----- */
.list06 ul {
}
.list06 ul li, ul.list06 li {
	font-size: 14px;
	background: url(../images/sp_icon_arrow07.png) no-repeat left center;
	background-size: 14px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
}
.list06 ul li a, ul.list06 li a {
	text-decoration: none;
}
/* reset ----- */
.list01 .link01 {
	background: none;
	padding: 0;
	margin-bottom: 0;
	text-decoration: none;
}
/* matchList ----- */

.matchList01 {
	display: table;
	width: 100%;
}
.matchList01 ul {
	display: table-row;
}
.matchList01 ul li {
	display: table-cell;
	width: 30%;
	text-align: center;
	vertical-align: middle;
	padding: 1%;
}
.matchList01 ul li a {
	display: block;
}
.matchList01 ul li img {
	max-width: 80px;
	max-width: 80px;
	vertical-align: bottom;
}
/* areaList ----- */

.areaList01 {
	display: table;
	width: 100%;
}
.areaList01 ul {
	display: table-row;
}
.areaList01 ul li {
	display: table-cell;
	width: 30%;
	text-align: center;
	vertical-align: middle;
	padding: 1%;
}
.areaList01 ul li a {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.areaList01 ul li img {
	position: relative;
	max-width: 80px;
	max-width: 80px;
	vertical-align: bottom;
	z-index: 1;
}
/*

.matchList01 ul li img {
max-width: 80px;
max-width: 80px;
vertical-align: bottom;
border: 3px solid #fff;
box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
}

※サムネイルに縁をつけるCSS
*/


.areaList01 ul li b {
	position: absolute;
	bottom: 0;
	display: block;
	width: 70px;
	padding: 2px 5px;
	text-align: center;
	z-index: 2;
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99F1A7C6, EndColorStr=#99F1A7C6);
	background-color: rgba(241, 167, 198, 0.7);
	color: #fff;
	font-size: 12px;
}
.areaList01 ul:nth-child(1) li:nth-child(2) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99CCAED1, EndColorStr=#99CCAED1);
 background-color: rgba(204, 174, 209, 0.7);
}
.areaList01 ul:nth-child(1) li:nth-child(3) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99BED679, EndColorStr=#99BED679);
 background-color: rgba(190, 214, 121, 0.7);
}
.areaList01 ul:nth-child(2) li:nth-child(1) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99FAC03D, EndColorStr=#99FAC03D);
 background-color: rgba(250, 192, 61, 0.7);
}
.areaList01 ul:nth-child(2) li:nth-child(2) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#9962B9CB, EndColorStr=#9962B9CB);
 background-color: rgba(98, 185, 203, 0.7);
}
.areaList01 ul:nth-child(2) li:nth-child(3) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99D5B5A7, EndColorStr=#99D5B5A7);
 background-color: rgba(213, 181, 167, 0.7);
}
.areaList01 ul:nth-child(3) li:nth-child(1) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99F29D97, EndColorStr=#99F29D97);
 background-color: rgba(242, 157, 151, 0.7);
}
.areaList01 ul:nth-child(3) li:nth-child(2) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#999BA8B3, EndColorStr=#999BA8B3);
 background-color: rgba(155, 168, 179, 0.7);
}
.areaList01 ul:nth-child(3) li:nth-child(3) b {
 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#9960a4e1, EndColorStr=#9960a4e1);
 background-color: rgba(96, 164, 225, 0.7);
}
/* list-nav ----- */
nav .list-nav {
	margin: 0 auto 15px;
	text-align: center;
}
nav .list-nav li {
	color: #fff;
	display: inline-block;
	width: 40%;
	background: #bbb;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
}
nav .list-nav li a {
	color: #fff;
	text-decoration: none;
	display: block;
}
/* list-nav02 ----- */
nav .list-nav02 {
	margin: 0 auto 15px;
	text-align: center;
}
nav .list-nav02 li {
	color: #fff;
	display: inline-block;
	width: 40%;
	background: #CC0;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
}
nav .list-nav02 li a {
	color: #fff;
	text-decoration: none;
	display: block;
}
/* list-nav03 ----- */
nav .list-nav03 {
	margin: 0 auto 15px;
	text-align: center;
}
nav .list-nav03 li {
	color: #fff;
	display: inline-block;
	width: 40%;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #666, #666);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#666), to(#666));
}
nav .list-nav03 li a {
	color: #fff;
	text-decoration: none;
	display: block;
}
/* list-nav04 ----- */
nav .list-nav04 {
	margin: 0 auto 15px;
	text-align: center;
}
nav .list-nav04 li {
	color: #fff;
	display: inline-block;
	width: 40%;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -moz-linear-gradient(top, #00F, #00F);
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, from(#00F), to(#00F));
}
nav .list-nav04 li a {
	color: #fff;
	text-decoration: none;
	display: block;
}
/* page-nav ----- */
nav .page-nav {
	margin: 5px 0 15px;
	position: relative;
	height: 20px;
}
nav .page-nav li.prev {
	padding: 2px 0 2px 15px;
	background: url(../images/icon-arrow05.gif) no-repeat left center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
nav .page-nav li.next {
	padding: 2px 15px 2px 0;
	background: url(../images/icon-arrow06.gif) no-repeat right center;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
/*----------------------------------------------------------------------

	dl-style

----------------------------------------------------------------------*/
/* dl01 ----- */
.dl01 dl, dl.dl01 {
	margin-bottom: 10px;
}
.dl01 dt {
	color: #a0987c;
	font-weight: bold;
	padding: 2px 0 2px 14px;
	margin-top: 20px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/icon-circle01.png) no-repeat left 6px;
}
.dl01 dd {
	padding-top: 10px;
}
/* dl02 ----- */
.dl02 dl, dl.dl02 {
	margin-bottom: 10px;
}
.dl02 dt {
	background: #ccc;
	color: #fff;
	padding: 10px;
}
.dl02 dd {
	padding: 10px;
	margin-bottom: 10px;
}
/* dl03 ----- */
.dl03 dl, dl.dl03 {
	margin-bottom: 10px;
}
.dl03 dt {
	font-weight: bold;
	padding: 5px 0 5px 12px;
	margin-top: 20px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/sp_icon_square01.png) no-repeat left center;
	background-size: 7px;
}
.dl03 dd {
	padding-top: 10px;
}
.dl03 dd input {
	vertical-align: baseline;
	width:100%;
}
.dl03 dd img {
	vertical-align: text-bottom;
}
.dl03 dd label {
	line-height: 1.8;
}
/* dl-faq ----- */
.dl-faq dl, dl.dl-faq {
	margin-bottom: 10px;
}
.dl-faq dl dt, dl.dl-faq dt {
	color: #b2ab92;
	font-weight: bold;
	padding: 5px 0 3px 24px;
	margin-top: 20px;
	border-bottom: 1px dotted #ccc;
	background: url(../images/faq_img01.gif) no-repeat left center;
	background-size: 20px;
}
.dl-faq dd {
	padding-top: 10px;
}
.dl01 .submit-btn, .dl02 .submit-btn, .dl03 .submit-btn {
	margin: 20px auto 10px !important;
}
.submit-btn {
	margin: 20px auto 10px;
}
/*----------------------------------------------------------------------

	table-style

----------------------------------------------------------------------*/
/* table01 ----- */
.table01 th, .table01 td {
	text-align: left;
	vertical-align: middle;
	padding: 15px 10px 15px 0;
	border-bottom: 1px dotted #ccc;
}
.table01 th {
	padding-left: 12px;
	background: url(../images/sp_icon_square01.png) no-repeat left center;
	background-size: 7px;
	width: 40%;
}
.table01 select, .table02 select {
	min-width: 96%;
	font-size: 14px;
}
.table01 .txtinfo01 {
	padding-top: 20px;
}
.table01 .txtinfo02 {
	padding-top: 8px;
}
.table01 .txtinfo03 {
	color: #C00;
	font-weight: bold;
	padding-bottom: 20px;
}
.table01 .submit-btn {
	margin: 15px auto 10px;
}
/* table02 ----- */
.table02 th, .table02 td {
	text-align: left;
	vertical-align: middle;
	padding: 10px 10px 10px 0;
	border-bottom: 1px dotted #ccc;
}
.table02 th {
	padding-left: 12px;
	background: url(../images/sp_icon_square01.png) no-repeat left center;
	background-size: 7px;
	width: 40%;
}
.table02 select {
	min-width: 100px;
	font-size: 14px;
}
.table02 .txtinfo01 {
	padding-top: 20px;
}
.table02 .txtinfo02 {
	padding-top: 8px;
}
.table02 .txtinfo03 {
	color: #C00;
	font-weight: bold;
	padding-bottom: 20px;
}
.table02 .submit-btn {
	margin: 15px auto 10px;
}
/* table03 ----- */
.table03 table, table.table03 {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	width: 100%;
}
.33 tr {
	text-align: left;
	vertical-align: middle;
}
.table03 th {
	padding: 5px;
	background: #999;
	color: #fff;
}
.table03 td {
	padding: 5px;
}
.table03 td.mile {
	text-align: right;
	font-weight: bold;
	border-top: 1px dashed #ccc;
}
/* table05 ----- */
.table05 table, table.table05 {
	margin-bottom: 10px;
	border: 1px solid #ccc;
	width: 100%;
}
.33 tr {
	vertical-align: middle;
}
.table05 th {
	padding: 5px;
	text-align: left;
}
.table05 td {
	padding: 5px;
	background: #CCC;
	color: #fff;
}
.table05 td.mile {
	text-align: right;
	font-weight: bold;
	border-top: 1px dashed #ccc;
}
/*----------------------------------------------------------------------

	page style

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

/* ログイン前
-----------------------------------------------*/

/* 年齢認証 */
#page-attestation {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}
#page-attestation h1 {
	margin: 0;
	text-align: center;
	padding: 0;
	background: none;
	text-shadow: none;
	border-top: 10px solid #f1a7c6;
}
#page-attestation h1 img {
	height: 300px;
}
#page-attestation ul {
	margin-bottom: 20px;
}
#page-attestation ul li {
	display: inline-block;
	margin: 0 5px;
}
#page-attestation ul li a {
	display: block;
}
#page-attestation ul li img {
	height: 43px;
	vertical-align: bottom;
}
/* 会員登録・ログイン */
#loginform {
	width: 84%;
	margin: 10px auto;
	padding: 0 10px 10px;
	text-align: center;
	background: -moz-linear-gradient(top, #aaa, #888);
	background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#888));
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#loginform h1 {
	clear: both;
	margin: 10px 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
	background: none;
	background-size: auto;
	text-shadow: none;
}
#loginform p {
	margin-bottom: 7px;
}
#loginform .inputbox {
	background: #fff;
	padding: 10px;
	margin: 0 auto;
	font-weight: bold;
}
#loginform .inputboxIn {
	display: table;
	width: 100%;
}
#loginform .inputbox dl {
	display: table-row;
}
#loginform .inputbox dl dt, #loginform .inputbox dl dd {
	display: table-cell;
	padding: 0 0 7px;
	vertical-align: middle;
}
#loginform .inputbox dl dt {
	width: 35%;
}
#loginform .inputbox dl dd {
}
#loginform .inputbox dl dd input {
	text-align: left;
	width: 84%;
}
#loginform .inputbox .btn {
	padding-top: 7px;
}
#regist {
	text-align: center;
	margin-top: 16px;
	font-weight: bold;
	font-size: 16px;
}
/* インフォメーション */
#container .infomation {
	margin: 16px 2%;
}
#container .infomation h2.bar01 {
	margin: 10px 2% 5px;
	padding-top: 0;
	padding-bottom: 0;
}
#container .infomation .info-box {
	font-size: 12px;
	text-align: left;
	margin: 0 10px;
	padding: 0 10px 10px;
	border: 1px solid #999;
	background-color: #fff;
}
#container .infomation .info-box ul {
	border: none;
}
#container .infomation .info-box li {
	background: url(../images/sp_icon_info01.png) no-repeat left 5px;
	background-size: 6px;
	padding: 0 0 4px 10px;
	margin-top: 10px;
	border: none;
	border-bottom: 1px dotted #ccc;
}
#container .infomation .info-box li a {
	color: #6699ff;
	display:inline;
	text-decoration:underline;
}
#container .infomation .info-box li a:hover {
	color: #95B3CD
}
#container .infomation .info-box li a:visited {
	color: #7766BE
}
#container .infomation .info-box li a:active {
}
/*20130919追加ここから-----------------------------------------------*/

/* メインナビ */
nav.main-nav {
	z-index: 100;
	height: 28px;
	background: url(../images/sp_nav_bg.png) repeat-x center bottom #111184;
	background-size: 1px 56px;
	position: fixed;
	overflow: hidden;
	top: 0;
	margin: 0 auto;
	width: 100%;
}
nav.main-nav ul {
	height: 56px;
	position:relative;
	left:50%;
	float:left;
}
nav.main-nav ul li {
	margin: 0;
	padding: 0;
	position:relative;
	left:-50%;
	float:left;
}
nav.main-nav ul li a {
	display: block;
}
nav.main-nav ul li img {
	height: 28px;
	vertical-align: bottom;
}
/*20130919追加ここまで-----------------------------------------------*/


/* ログイン後
-----------------------------------------------*/

/* ヘッダー */
#wrapper {
}
#header {
}
#header h1 {
}
/* メインナビ */
#nav.main-nav {
	z-index: 100;
	height: 56px;
	background: url(../images/sp_nav_bg.png) repeat-x center bottom #111184;
	background-size: 1px 56px;
	position: fixed;
	overflow: hidden;
	top: 0;
	margin: 0 auto;
	width: 100%;
}
#nav.main-nav ul {
	height: 56px;
	position:relative;
	left:50%;
	float:left;
}
#nav.main-nav ul li {
	margin: 0;
	padding: 0;
	position:relative;
	left:-50%;
	float:left;
}
#nav.main-nav ul li a {
	display: block;
}
#nav.main-nav ul li img {
	height: 56px;
	vertical-align: bottom;
}
/* メニュー分header高さ調整 ----- */
#header {
/* padding-top: 56px; */
}
/* point */
.point {
	width: 94%;
	margin: 0 auto 5px;
}
.point dl {
	float: left;
	width: 46%;
	border-bottom: 1px dotted #ddd;
}
.point dt {
	display: inline-block;
	width: 100px;
}
.point dt img {
	height: 12px;
	vertical-align: bottom;
}
.point dd {
	display: inline-block;
	float: right;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	color: #a0987c;
}
#login .point dd a {
	color: #a0987c;
	text-decoration: none;
}
.point dd a span {
	font-weight: normal;
	font-size: 12px;
	color: #acacac;
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
.point dl {
 margin: 0 2%;
}
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
.point dl {
 margin: 5px 2% 0;
}
}
/* news */
#container .news {
	clear: both;
	margin: 10px 0;
}
#container .news ul {
}
#container .news li {
	background: url(../../../ges/sp_icon_info01.png) no-repeat left 5px;
	background-size: 6px;
	padding: 0 0 4px 10px;
	margin-top: 5px;
	font-size: 12px;
	font-weight: bold;
	color: #f00;
}
/* メンバー */
.member {
	width: 94%;
	margin: 0 auto;
}
.member h1 {
	clear: both;
	margin: 8px 0 10px;
	padding: 0;
	font-size: 16px;
	color: #777;
	background: none;
	text-shadow: none;
}
.member .status-right {
	width: 62%;
	text-align: left;
	float: right;
}
.member .status-left {
	width: 38%;
	float: left;
}
.member .status-left p {
	text-align: center;
	margin-bottom: 0;
	margin-top: 8px;
}
.member .status-left .photo img {
	border: 3px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 5px;
	margin-bottom: 10px;
}
/* mail */
.mail-status p {
	text-align: center;
	margin-bottom: 10px !important;
}
.mail-status p img {
	vertical-align: text-top;
	margin-right: 3px;
}
.message-box .bar01 {
	margin-bottom: 0 !important;
}
.message-box .dl03 dt {
	margin-top: 10px;
}
/*----------------------------------------------------------------------

	□common style, text style

----------------------------------------------------------------------*/
.banner-btn {
	margin: 20px 0 !important;
	text-align: center;
}
.fontinfo01 {
	color: #c00;
	font-size: smaller;
	font-weight: normal;
}
.font10 {
	font-size: smaller;
	font-weight: normal;
}
.err01 {
	text-align: left;
	color: #c00;
	font-size: 14px;
	font-weight:normal;
	padding: 5px;
	background: #f6f6f6;
	border: 1px dashed #eee;
}
.color-red {
	color:#c00;
}
.must_pink {
	color:#F5387A;
}
.must_green {
	color:#33CC66;
}
.must_blue {
	color:#3399FF;
}
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right !important;
}
/*----------------------------------------------------------------

  ■padding style, margin style

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

.PT0 {
	padding-top: 0!important;
}
.PT10 {
	padding-top: 10px!important;
}
.PT20 {
	padding-top: 20px!important;
}
.MT0 {
	margin-top: 0!important;
}
.MT10 {
	margin-top: 10px!important;
}
.MT20 {
	margin-top: 20px!important;
}
.PB0 {
	padding-bottom: 0!important;
}
.PB10 {
	padding-bottom: 10px!important;
}
.PB20 {
	padding-bottom: 20px!important;
}
.MB0 {
	margin-bottom: 0!important;
}
.MB10 {
	margin-bottom: 10px!important;
}
.MB20 {
	margin-bottom: 20px!important;
}
/*----------------------------------------------------------------

  ■form custom

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

input.radio {
	vertical-align: middle;
	margin-top:0;
	
}

input[type="chexkbox"] {
	-webkit-transform: scale(1.8);
    transform: scale(1.8);
}



label.radiolabel {
	display:inline-block;
	width:48%;
	height:35px;
	line-height:35px;
	background:#f8f8f8;
	border: 1px solid #fcfcfc
}
textarea {
	width: 96%;
	min-height: 100px;
}
/*----------------------------------------------------------------

  ■tutorial 20130621

----------------------------------------------------------------*/
.tutorial-title {
	text-align: center;
}
.tutorial-advance {
	width: 80%;
	display: block;
	margin: 0 auto 15px auto;
	padding: 5px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	background-image: -moz-linear-gradient( top, #ea7baa 0%, #ab4772);
	background-image: -webkit-gradient( linear, left top, left bottom, from(#ea7baa), to(#ab4772));
}
.tutorial-advance.col01 {
}
.tutorial-advance.col02 {
	background-image: -moz-linear-gradient(top, #995fa9 0%, #4d3055);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#995fa9), to(#4d3055));
}
.tutorial-advance.col03 {
	background-image: -moz-linear-gradient(top, #6c952f 0%, #364b18);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6c952f), to(#364b18));
}
.tutorial-advance.col04 {
	background-image: -moz-linear-gradient(top, #ff9900 0%, #804d00);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#804d00));
}
.tutorial-advance.col05 {
	background-image: -moz-linear-gradient(top, #3cb1c6 0%, #1e5963);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#3cb1c6), to(#1e5963));
}
.tutorial-advance.col06 {
	background-image: -moz-linear-gradient(top, #a96c56 0%, #55362b);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a96c56), to(#55362b));
}
.tutorial-advance.col07 {
	background-image: -moz-linear-gradient(top, #e44634 0%, #72231a);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e44634), to(#72231a));
}
.tutorial-advance span {
	font-size: 90%;
}
.tutorial-advance　b {
	font-size: 150%;
	font-weight: bold;
}
.blowoff-box {
	clear: both;
	background: #fbe1e6;
	margin: 0 0 16px 0;
	padding: 10px;
}
.blowoff-box:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .blowoff-box {
	height: 1%;
}
.blowoff-box {
	display: block;
}
.blowoff-box .photo {
	float: left;
	width: 20%;
}
.blowoff-box .photo p {
	background: #fff;
	border: 2px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
}
.blowoff-box .photo p img {
	width: 100%;
}
.blowoff-box .comment {
	width: 80%;
	float: right;
	font-size: 90%;
}
.blowoff-box .comment p {
	position: relative;
	background: -moz-linear-gradient(top, #fff, #f8f8f8);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
	margin: 0 0 0 20px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.blowoff-box .comment p:before {
	position: absolute;
	top: 10px;
	left: -20px;
	content:"";
	float:left;
	width: 20px;
	height: 20px;
	margin:0 0 0 0;
	background: url(../images/tutorial_item03.png) no-repeat left top;
}
.blowoff-box .comment p:after {
}
.blowoff-box.layout02 .photo {
	float: right;
}
.blowoff-box.layout02 .comment {
	float: left;
}
.blowoff-box.layout02 .comment p {
	margin: 0 20px 0 0;
}
.blowoff-box.layout02 .comment p:before {
	display: none;
}
.blowoff-box.layout02 .comment p:after {
	position: absolute;
	top: 10px;
	right: -20px;
	content:"";
	float: right;
	width: 20px;
	height: 20px;
	margin:0 0 0 0;
	background: url(../images/tutorial_item03.png) no-repeat 0 -20px;
}
/*20131031ここから*/

button.button3 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #F00;
	/* 文字色を白色に指定 */
    color: #fff;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button4 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #00F;
	/* 文字色を白色に指定 */
    color: #fff;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button5 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #CCC;
	/* 文字色を白色に指定 */
    color: #FFF;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button6 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #FF0;
	/* 文字色を白色に指定 */
    color: #666;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button7 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #3C0;
	/* 文字色を白色に指定 */
    color: #FFF;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button8 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #F9F;
	/* 文字色を白色に指定 */
    color: #FFF;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button9 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #333;
	/* 文字色を白色に指定 */
    color: #FFF;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
button.button10 {
	/* 文字サイズを8pxに指定 */
    font-size: 14px;
	/* 文字の太さをboldに指定 */
    font-weight: bold;
	/* 縦方向に5px、
     * 横方向に5pxの余白を指定 */
    padding: 5px 5px;
	/* 背景色を指定 */
    background-color: #111184;
	/* 文字色を白色に指定 */
    color: #FFF;
	/* ボーダーをなくす */
    border-style: none;
	/* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	/* 角丸の指定 */
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/*20131031ここまで*/


/*-
*追加ページャー
*/
#pagerCont {
	position: relative;
	overflow: hidden;
	margin: 10px
}
ul.pager {
	position: relative;
	left: 50%;
	float: left
}
ul.pager li {
	position: relative;
	left: -50%;
	float: left;
	margin-right: 5px;
	border: 1px solid #D0102C;
	font-weight: bold
}
ul.pager li.prev, ul.pager li.next {
	border: none
}
ul.pager li a {
	position: relative;
	display: block;
	padding: 3px 8px;
	color: #D0102C
}
ul.pager li a:link, ul.pager li a:visited {
	text-decoration: none
}
ul.pager li a:hover, ul.pager li a:active {
	background-color: #F9A8B4;
	text-decoration: none
}
ul.pager li em {
	display: block;
	padding: 3px 8px;
	background: #D0102C;
	color: #FFFFFF
}
/*ナビリストにアイコンを設置する*/

.icon_ps {
/*background-position: 0 -34px;*/
}
.ic {
	background: url(../images/navi.png) left center no-repeat;
	padding-left: 40px;
	height: 50px;
	-webkit-background-size: 34px 1122px;
}
/*トピックス(サムネイル)一覧用リスト*/
/*.topicthumbList a {
	display: block;
	padding: 10px 10px 11px;
	border-bottom: #d2d4d7 1px solid;
	border-top: #fff 1px solid;
	color: #666;
	text-decoration: none;
}*/
.topicthumbList img {
	float: left;
	margin-right: 10px;
	border: 3px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
}
.topicthumbList .withImg {
	display: table-cell;
	height: 80px;
	vertical-align: middle;
}
.topicthumbList strong {
	font-size: 15px;
	font-weight: normal;
	color: #222;
}
.topicthumbList .subTxt {
	display: block;
	margin-top: 6px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
.topicthumbList .subTxt em {
	margin-right: 2px;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
}
/*ぱんくずリスト01*/


div#grasgow {
	padding: 20px;
	background: #fff;
}
.glasgow {
	margin-left: -25px;
	list-style: none;
	overflow: hidden;
	color: #000;
	font: 11px 'Lucida Sans Unicode', 'Lucida Sans Grande', Tahoma, sans-serif;
	line-height: 30px;
	background: #fff;
}
.glasgow::before {
 position: absolute;
 display: block;
 border-color: transparent transparent transparent rgb(0,0,0);
 border-style: solid;
 border-width: 5px;
 height: 0;
 width: 0;
 margin-top: 25px;
 margin-left: 3px;
 content: " ";
 -webkit-transform: rotate(-45deg);
 z-index: -1;
}
.glasgow li {
	float: left;
	line-height: 30px;
}
.glasgow li a {
	color: #999;
	text-decoration: none;
	padding: 0 20px 0 20px;
	background: rgb(195,254,254);
	display: block;
	float: left;
}
.glasgow li a::after, .glasgow li:last-child::after {
 position: relative;
 display: block;
 margin-top: -15px;
 margin-left: auto;
 margin-right: -26px;
 height: 15px;
 width: 12px;
 content: " ";
 -webkit-transform: skew(-40deg);
 background: #fff;
}
.glasgow li a::before, .glasgow li:last-child::before {
 float: right;
 display: block;
 margin-bottom: -15px;
 margin-left: auto;
 margin-right: -26px;
 height: 15px;
 width: 12px;
 content: " ";
 -webkit-transform: skew(40deg);
 background: #fff;
}
.glasgow li:last-child::before {
margin-left: 20px;
}
.glasgow li:first-child a {
	color: white;
	padding-left: 10px;
	background: rgb(0,181,182);
	pointer-events: none;
	cursor: default;
}
.glasgow li:last-child {
	background: rgb(195,254,254);
	padding: 0 20px 0 20px;
}
.glasgow li a:hover {
	color: black;
	text-decoration: underline;
}
/*ぱんくずリスト02*/

.devlounge {
	list-style: none;
	overflow: hidden;
	color: #111;
	font: 14px Helvetica, Arial, sans-serif;
	background: #fff;
}
.devlounge li {
	float: left;
	display: block;
	text-decoration: none;
	line-height: 16px;
	padding: 7px 42px 7px 14px;
	background: #eee;
}
.devlounge li::after {
 position: right;
 display: block;
 margin-top: -14px;
 margin-left: auto;
 margin-right: -42px;
 height: 16px;
 width: 10px;
 content: " ";
 -webkit-transform: skew(-45deg);
 background: #eee;
}
.devlounge li::before {
 float: right;
 display: block;
 margin-top: 3px;
 margin-left: auto;
 margin-right: -42px;
 height: 16px;
 width: 10px;
 content: " ";
 -webkit-transform: skew(45deg);
 background: #eee;
}
.devlounge li:first-child, .devlounge li:first-child::before, .devlounge li:first-child::after {
background: #e4e2d3;
}
.devlounge li:nth-child(2), .devlounge li:nth-child(2)::before, .devlounge li:nth-child(2)::after {
background: #f4f3e9;
}
.devlounge li:nth-child(3) {
background: transparent;
}
.devlounge li:nth-child(3)::before, .devlounge li:nth-child(3)::after {
display: none;
}
.devlounge li a {
	color: #c22;
	text-decoration: none;
}
.devlounge li:first-child a {
	color: #111;
	font-weight: 900;
	pointer-events: none;
	cursor: default;
}
.devlounge li:nth-child(2) a {
font-weight: 900;
}
.devlounge li a:hover {
	color: #f70;
}


/*検索フォーム*/


#search input{
width: 50%;
border:1px solid #777;
    border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    text-shadow: 0 1px #fff;
    -moz-box-shadow: 0 1px 1px #fff;
    -webkit-box-shadow: 0 1px 1px #fff;
    box-shadow: 0 1px 1px #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
    background: -moz-linear-gradient(top, #eee, #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff');
}
#search input#submit {
width: 80px;
border: 1px solid #777;
color: #fff;
cursor: pointer;
text-shadow: 0 -1px 1px rgba(0,0,0,.4);
background: #428ec9;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
-moz-box-shadow: 0 1px 1px #fff;
-webkit-box-shadow: 0 1px 1px #fff;
box-shadow: 0 1px 1px #fff;
background: -webkit-gradient(linear,left top,left bottom,from(#ffd1e8),to(#ff69b4));
background: -moz-linear-gradient(top,#ffd1e8,#ff69b4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd1e8',endColorstr='#ff69b4');
}


/*20140317追記　鈴木*/
.dl01 dt {
	font-weight: bold;
	padding: 10px 10px 10px 12px;
	margin-top: 20px;
	border-bottom: 1px dotted #D2D4D7;
	background: url(../images/sp_icon_square01.png) no-repeat left center;
	background-size: 7px;
}
dd {
	display: block;
}

/*20140317フォームセレクト設定新規　鈴木*/
select {
	height: 40px;
	width: 95%;
	float: left;
	font-size: 90%;
	padding: 10px 50px 10px 10px;
   border: 1px solid #333333;
	border-radius: 4px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	text-indent: .01px;
	text-overflow: "";
	background: #FFF url(../images/select_arrow01.png) no-repeat right;
	background-size:32px 44px;
}



/*20140317リンクスタイル修正　鈴木*/
.link01 {

	background: url(../images/sp_icon_arrow02.png) no-repeat left center;
	background-size: 17px;
	padding: 2px 0 0 18px;
	margin-bottom: 5px;
	text-decoration: none;
}








.btn04{
	background: #333333;
	background: background: url(../images/sp_btn_icon01.png) no-repeat scroll 4% center, -moz-linear-gradient(top, #333333 0%, #444444 28%, #333333 45%, #111111 50%, #333333 100%); /* FF3.6+ */
	background: url(../images/sp_btn_icon01.png) no-repeat 4% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(28%,#444444), color-stop(45%,#333333), color-stop(50%,#111111), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background-size: 15px, auto;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px;
    text-shadow: 1px 1px 1px #333333;    
	width: 92%;
	text-align:center;
}



.btn05{
	background: #fb955e;
	background:url(../images/sp_btn_icon01.png) no-repeat scroll 4% center, -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
	background: url(../images/sp_btn_icon01.png) no-repeat scroll 4% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
	background-size: 15px, auto;
  border-radius: 5px;
 border: 2px solid #F0F0F0;
    border-radius: 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: bold;
    margin: 10px auto;
    padding: 10px;
    text-shadow: 1px 1px 1px #FF3300;    
	width: 92%;
	text-align:center;
}


/*キーワード検索新規追加*/

/*.keyword{
	background-color:#666666;
	padding:10px 20px ;
	border-top:#999999 solid 1px;
	border-bottom:#333333 solid 1px;
	}
	
	
	
.MT0{
	color:#FFFFFF;
	}
.style_1{
	border:none;
	padding:0px 10px;
	width:80%;

	 border-radius: 15px;
}

.style_2{
	margin:2px 5px;
	padding-left:10px;
}*/

	
	
/*小見出し（説明文）*/	
.rede{
	font-size:12px;
	padding-left:10px;
	}	

footer{
	border-bottom:#000099 solid 2px;
	}
	
/*20140319　トピックス(サムネイル)一覧用リスト修正　鈴木*/
.topicthumbList li{
	display: block;
	padding: 10px 10px 11px;
	border-bottom: #d2d4d7 1px solid;
	border-top: #fff 1px solid;
	color: #666;
	text-decoration: none;
}


/*.topicthumbList p a{
    background: url("../images/sp_icon_arrow02.png") no-repeat scroll left center / 17px auto rgba(0, 0, 0, 0);
    margin-bottom: 5px;
    padding: 2px 0 0 18px;
    text-decoration: none;
}
*/



/**********************************************

2014/4/16 テーブルスタイル(矢作)

************************************************/



/* table03 ----- */
.table03 th, .table03 td {
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px 5px 0;
	border-bottom: 1px dotted #ccc;
}
.table03 th {
	padding-left: 12px;
	background: url(../images/sp_icon_square01.png) no-repeat left center;
	background-size: 7px;
	color:#666;
	width: 40%;
}
.table03 select,{
	min-width: 96%;
	font-size: 14px;
}
.table03 .txtinfo01 {
	padding-top: 20px;
}
.table03 .txtinfo02 {
	padding-top: 8px;
}
.table03 .txtinfo03 {
	color: #C00;
	font-weight: bold;
	padding-bottom: 20px;
}
.table03 .submit-btn {
	margin: 15px auto 10px;
}

/**********************************************

2014/5/27 リストスタイル追加(鈴木)

************************************************/
.topicthumbList02 a {
	display: block;
	padding: 10px 10px 11px;
	border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
	border-top: #fff 1px solid;
	color: #CCC;
	text-decoration: none;
}
.topicthumbList02 img {
	float: left;
	margin-right: 10px;
	border: 3px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px;
}
.topicthumbList02 .withImg {
	display: table-cell;
	height: 80px;
	vertical-align: middle;
}
.topicthumbList02 strong {
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
.topicthumbList02 .subTxt {
	display: block;
	margin-top: 6px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}
.topicthumbList02 .subTxt em {
	margin-right: 2px;
	font-size: 9px;
	font-weight: bold;
	font-style: normal;
}
.topicthumbList02 .listLast {
	border: none;
}