@charset "UTF-8";


/* -----------------------------------------------
CSS INFO


 Style Info:     各htmlリセット設定＆共通設定
 last update:    2011.04.22


1.reset
2.default
3.Link Color
4.Font Size
5.Layout
6.Element
7.header
8.footer

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


/* ====================================================================================================

	1.reset

======================================================================================================= */
body,
div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
brockquote, pre, input, textarea, address,
form, fieldset, legend, object, 
table, caption, th, td,
a, p, img {
	margin:0;
	padding:0;
}

body {
	width:100%;
	-webkit-text-size-adjust: none;
	font-size-adjust:none;
	font-family:Helvetica,"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", メイリオ, meiryo, Osaka,sans-serif;
	color:#333333;
}

h1, h2, h3, h4, h5, h6,
pre, table, code, acronym, input, textarea {
	font-size:100%;
	font-weight:normal;
}

img { border:none; }
address, em, cite, dfn, var { font-style:normal; }
.clr {
	clear:both;
	font: 1px/1px monospace;
	display: block;
}


/* ====================================================================================================

	2.default

======================================================================================================= */
h3 {
	padding: 0 15px 5px;
	font-weight: bold;
}
p { margin:0 0 0 0; }
ul li { list-style-position:outside; list-style-type:none; }
table { border-collapse:collapse; }
a {
	color: #ff7c60;
	text-decoration:none;
	outline:none;
	border:none;
}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
.clear {clear: both;}


/* ====================================================================================================

	4.Font Size and Color

======================================================================================================= */
.x-large{font-size:139%; font-weight: bold;}
.large{font-size:110%;}
.mid{font-size:108%;}
.small{font-size:93%;}
.x-small{font-size:85%;}
.c-og {color: #ff6633;}
.c-pl {color: #9008b3;}
.c-rd {color: #CC0000;}
.c-gr {color: #5cac2f;}
.c-bl {color: #3f7ce7;}
.c-gy {color: #888888;}
.c-pk {color: #ff0066;}

/* ====================================================================================================

	5.Layout

======================================================================================================= */
#wrapper {
	width:auto;
	height:auto;
	font-size:14px;
	line-height:1.8;
	font-family:Helvetica,"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", メイリオ, meiryo, Osaka,sans-serif;
}

#gHeader,
#gHeader_login {
	width:auto;
	height:70px;
	padding: 5px 10px 4px;
}

article#container {
	width:auto;
	clear:both;
	padding: 0 3% 20px;
}

#gFooter {
	width:auto;
	font-size:10px;
	padding:10px 0 0 0;
}

.mainLogo {
    float: left;
    width: 150px;
}

.mainLogoTop {
    float: left;
    width: 150px;
    padding: 15px 0 0;
}

/* ====================================================================================================

	6.Element

======================================================================================================= */
#gHeader h1,
#gHeader_login h1 {
	width:150px;
	float:left;
	margin-left:5px;
}

#gHeader h1 a,
#gHeader_login h1 a {
	width:150px;
	height:0;
	background:url(../../../img/sp/common/logo.png) no-repeat 0 3px;
	overflow:hidden;
	display:block;
	padding-top:65px;
}



/* ====================================================================================================

	7.header

======================================================================================================= */
#gHeader ul {
	width:150px;
	float:right;
	padding: 5px 0 0 0;
}

#gHeader_login .loginmenu{
/*	margin: 0 5px 5px 5px;*/
	width:150px;
	float:right;
	font-size:10px;
	background-color:#EEE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


#gHeader_login .loginmenu p{
	line-height:120%;
	padding:0 0 0 5px;
	margin:0;
}
	
#gHeader_login .loginmenu .welcome{ padding-top:5px;}

	
#gHeader_login .loginmenu .name{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap; 
	width: 115px;
	float:left;
}

#gHeader_login .loginmenu .name_right{
	padding:0 7px 0 0;
	float:right;
}



#gHeader_login .loginmenu ul{ padding:0 0 5px 5px; }

#gHeader li {
	width:70px;
	float:left;
	line-height:110%;
	margin:4px 4px 0 0;
}
#gHeader li.login {
	clear: both;
	width:150px;
}


#gHeader_login li {
	width:60px;
	float:left;
	line-height:110%;
	margin:5px 5px 5px 0;
}

#gHeader li a {
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
	width:100%;
	height:30px;
/*	border:1px solid #F8016A; */
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	color:#FFF;
	display:block;
	font-size:11px;
	line-height: 1.2em;
	padding-top:7px;
}

#gHeader li.login a {
	height: 34px;
	padding-top: 7px;
}


#gHeader_login li a {
	width:60px;
	height:18px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	color:#FFF;
	display:block;
	font-size:10px;
	padding-top:6px;
	margin:0 auto;
}


#gHeader_login li.mypage { border:1px solid #F8016A; }
#gHeader_login li.logout { border:1px solid #111111; }
#gHeader li.mypage { border:1px solid #F8016A; }
#gHeader li.regist { border:1px solid #111111; }


/* ====--- ご利用ガイド ---=== */

#gHeader li.howUse {

clear: both;
width: 145px;
}

#gHeader li.howUse a {
font-size:10px;
height: 20px;
padding-top: 2px;
}

#gHeader li.regist {
	border:none;
}
#gHeader li.mypage {
	border:none;
}


/* ====================================================================================================

	8.footer

======================================================================================================= */
.footSubMenuArea {
	width:auto;
	height:34px;
	background-color:#F6F6F6;
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	margin-bottom:20px;
	padding:7px 0;
}

.footSubMenuArea ul {
	width:300px;
	margin:0 auto;
}

.footSubMenuArea li { width:140px; }
.footSubMenuArea li:nth-child(1) {
	float:left;
	margin-left:5px;
}
.footSubMenuArea li:nth-child(2) {
	float:right;
	margin-right:5px;
}

.footSubMenuArea li a {
	width:138px;
	height:25px;
	border:1px solid #C1C1C1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align:center;
	color:#333;
	display:block;
	padding-top:6px;
}

.footerNavi {
	width:auto;
	background-color:#333333;
	text-align:center;
	color:#FFF;
	clear:both;
	padding:0;
	margin:0;
}

p.swArea {
	width:auto;
	background-color:#333333;
	text-align:center;
	color:#FFF;
	padding:15px 0;
	margin:0;
}

.footerNavi ul {
	width:auto;
	border-bottom:1px solid #666;
	border-top:1px solid #000;
	text-align:left;
	clear:both;
}

.footerNavi li {
	width:auto;
	border-bottom:1px solid #000;
	border-top:1px solid #666;
	padding:0 10px;
}

.footerNavi li a {
	width:auto;
	background:url(../../../img/sp/common/ico_arwr2.png) no-repeat right 10px;
	color:#fff;
	display:block;
	padding:10px 0;
	-webkit-tap-highlight-color:rgba(255,0,102,0.30);
	outline:none;
}

.footerNavi li a:hover {
	color:#FF0066;
}

.footPArea {
	width:auto;
	background-color:#000;
	color:#999;
	text-align:center;
	padding:6px 0;
	margin:0;
}

#gFooter p a:link,
#gFooter p a:visited,
#cpFooter p a:link,
#cpFooter p a:visited {
	color:#fff;
}
#gFooter p a.current,
#cpFooter p a.current {
	color:#FF0066;
}

.info_text {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
}

.mailmag_text01 a:visited{
	color:#FF598B; 
}

form {
/*	margin: 5px;*/
}