@charset "utf-8";
/*=====================================================
 * Style Name: CommonElements
 * Style URL: ./css/site/common.css
 * Description: Common Stylesheet
 * Version: 1.0
 * Last Up Date: 2012/08/31
 * Author: Neos Corporation.
 * Author URL: http://www.neoscorp.jp/
 *
 * Markup Reference:
 *
=====================================================*/

/* =======================================
	body Elements
======================================= */

body{
	line-height: 1.5;
	font-size: 13px;
}

body.bgColor01 {
	background-color:#ffffff;
}
body, a {
	color: #666666;	
}
/* =======================================
	img Elements
======================================= */
.imgW50 {
	width: 50% !important;
}
.imgW90 {
    width:90% !important;
}
.imgW100 {
    width:100% !important;
}
.imgW65px {
	width:65px !important;
}
.imgW70px {
	width:86px !important;
}
.imgH37px {
    height:37px !important;
}
.imgW320px {
	width:320px !important;
}
	
/* =======================================
	ClearFixElements
======================================= */
.clearfix:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clearfix{
	min-height: 1px;
}

* html .clearfix{
	height: 1px;
	/*�E�*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* =======================================
	Header Elements
======================================= */
/*
header{
	display:block;
	width: 100%;
	padding: 2px 0;
}
#main header {
	padding: 0;	
}

#header{
	text-align: center;
	background: #ffffff;
}

#header li{
	display: table-cell;
	float: left;
	margin: 0 2px;
	min-width: 44px;
	height: 44px;
	vertical-align: top;
}
#header li.noLogin{
	margin: 0;	
}
#header li.point {
	background: url(../img/site/header/header_current.png) top left no-repeat;	
}
#header li.point span {
	display: inline-block;
	margin-top: 23px;
	padding: 2px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 13px;
	background: #9ed601;	
}
#headerArea {
	margin: 0 auto;
	background-color:#ffffff;
}

#header figure#logo img {
	float:left;
	width:70%;
	max-width: 335px;
	margin-left:5px;
}
#header figure#btn img {
	float:right;
	width:20%;
	max-width: 98px;
	margin-right:5px;
}
*/

/***** renewal 20141003 ******/
.wrap {
	width: 100%;
	border-bottom: #b39900 1px solid;
	background: #ffffff;
}
#header {
	position: relative;
}
#header li {
	float: none;
    height: auto;
    margin: 0;
    min-width: auto;
}
#logo {
	padding: 4% 0 4% 4%;
	margin: 0;
	width: 45%;
	float: left;
}
#logo img {
	width: 100%;
}
#nav01 {
	width: 37%;
	float: right;
	padding-right: 2%;
}
#nav01 li {
	display: inline-block;
	width: 48%;
	padding: 0 1%;
}
#nav01 img {
	width: 100%;
}
#header_menu {
	display: none;
}
#header_menu #menu_wrapper {
	position: absolute;
	left: 5%;
	z-index: 9999;
	width: 90%;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.25);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,.25);
	box-shadow: 5px 5px 5px rgba(0,0,0,.25);
}
#header_menu h3 {
	display: table;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100% !important;
	margin: 0 !important;
	padding: 10px 3% 10px 5% !important;
	border-radius: 10px 10px 0 0 !important;
	color: #ffffff !important;
	background: #b39900 !important;
}
#header_menu h3 span {
	display: table-cell;
	vertical-align: middle;
}
#header_menu h3 span.close {
	width: 16px;
	padding: 5px;
	border: 1px solid #ffffff;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
#header_menu ul {
	width: 100%;
}
#header_menu ul li {
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	border: 1px solid #b39900;
}
#header_menu ul li img {
	width: 100%;
}

/* =======================================
	Title Elements
======================================= */
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

#headerArea h2#titleBelt {
	width: 98%;
	height: 20px;
	line-heiht: 20px;
	margin-bottom: 4px;
	padding: 2px 0 2px 2%;
	color: #ffffff;
	background: #9fd601;
}
h2.title {
	background-image:url(../../img/site/bk_tit_brown.png);
	text-align:left;
}
h3.subTitle {
	margin: 5px 5px auto;
}
h4.titleBelt {
	width: 100%;
	margin: 5px auto;
	padding: 3px 0;
}
div#title_bar , div#lstAmount, h3.decoType, .title_bar {
	width: 100%;
    padding:5px 0;
    border-bottom:1px solid #817873;
    text-align:center;
	background: #fdf6ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdf6ee 0%, #fbefe1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf6ee), color-stop(100%,#fbefe1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdf6ee 0%,#fbefe1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdf6ee 0%,#fbefe1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdf6ee 0%,#fbefe1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdf6ee 0%,#fbefe1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf6ee', endColorstr='#fbefe1',GradientType=0 ); /* IE6-9 */
}
/* =======================================
	id=main Elements
======================================= */
div#main {
	padding: 0 0;
}

/* =======================================
	Footer Elements
======================================= */

footer {
	width: 100%;
}

footer#htmlFooter p {
	color: #966b3a;
	text-align: center;
	background: #fcdfdd;
}
img#pageUp {
	width: 20%;
	max-width: 98px;
}

/* =======================================
	Page Elements
======================================= */

.NextPage {
	margin: 0 10px 10px 0;
	text-align: right;
}

.BackPage {
	margin: 0 0 10px 10px;
	text-align: left;
}

/* =======================================
	List　Elements
======================================= */
div.centerList{
	width: 100%;
	position: relative;
	text-align: center;
	padding: 0;
	overflow: hidden;
}
div.centerList ul{
	position: relative;
	float: left;
	left: 50%;
}
div.centerList ul li{
	position: relative;
	float: left;
	left: -50%;
	margin: 2px;
	z-index: 10;
}

ul.menuList{
	text-align:center;	
}
ul.menuList li {
	display: inline-block;
}

ul.thumbnailList {
	width: 100%;
	text-align: center;		
}
ul.thumbnailList li { 
	display: inline-block;
	width: 23%;
	margin: 1%;
}
ul.thumbnailList li img {
	vertical-align: top;
	width: 100%;	
}
ul.thumbnailList li span.op {
	display: block;
	margin-top: 4px;
	padding: 6px;
	border-top: 3px solid #dd70aa;
	border-left: 3px solid #dd70aa;
	border-right: 3px solid #993366;
	border-bottom: 3px solid #993366;
	border-radius: 6px;
	color: #ffffff;
	background: #bf5082;	
}
ul.thumbnailList li div.btn,
.tableList li div.btn {
	margin-bottom: 5px;
	padding: 4px;
	border-radius: 5px;
	color: #ffffff;
	font-size: 80%;
	text-align: center;
	background: #ff6600;	
}
ul.thumbnail1 li { width: 96%; }
ul.thumbnail2 li, ul#stampList li { width: 45%; }
ul.thumbnail3 li, ul#kisekaeList li,
ul#emojiList li { width: 31%; }
ul.thumbnail4 li, ul#lwpList li,
ul#home li, ul.fourList { width: 23%; }
ul.thumbnail5 li { width: 18%; }
ul#emojiList li { width: 30%; }
ul#stampList li { width: 48%; }
ul#home li, ul.fourList { width: 22%; }
.tableList ul {
	-webkit-box-sizing: border-box;
	-moz-sizing: border-box;
	box-sizing: border-box;
	display: table;
	width: 98%;
	margin: 10px auto;
}
.tableList ul>li {
	-webkit-box-sizing: border-box;
	-moz-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	padding: 0 1%;
}
.tableList ul>li img { vertical-align: top; width: 100%; }
.table2Cols ul>li {
	width: 50%;
}
.table3Cols ul>li {
	width: 33%;
}
.table4Cols ul>li {
	width: 25%;
}
.bnrLink {
	width: 94%;
	margin: 0 auto;
}
.bnrLink img {
	margin: 6px auto;	
}
.bnrLink img.imgHalf {
	width: 48%;
	margin: 6px 1%;
}
ul.thumbInfoList li {
	padding: 6px 0;
	border-bottom: dotted 1px #999999;
}
ul.thumbInfoList li:last-child { border: none; }
ul.thumbInfoList li.notice {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	text-align: left;
}
ul.thumbInfoList li.noLink {
	display: -webkit-box;
	display: -moz-box;	
	width: 100%;
	text-align: left;
}
ul.thumbInfoList li a {
	display: -webkit-box;
	display: -moz-box;	
	width: 100%;
	text-align: left;
}
ul.thumbInfoList li div.image {
	width: 100px;
}
ul.thumbInfoList li div.image img {
	width: 100%;
}
ul.thumbInfoList li div.image2 {
	width: 160px;
}
ul.thumbInfoList li div.image2 img {
	width: 50%;
}
ul.thumbInfoList li div.info {
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	padding-left: 8px;
}
ul.thumbInfoList li div.info .check {
	width: 50%;
	margin-left: 50%;
	padding: 4px 0;
	border-radius: 4px;
	color: #ffffff;
	font-size: 80%;
	text-align: center;
	background: #ff6699;
}
/* =======================================
	Btn　Elements
======================================= */
div.btnRegist {
	padding: 14px 0;
	text-align: center;	
}

.regBtn {
	width: 94%;
	margin: 10px auto;
	text-align: center;
}
section.regBtn img { width: 100%; }
div.regBtn a {
	display: block;
	padding: 7% 0;
	border-radius: 14px;
	color: #735735;
	font-weight: bold;
	text-align: center;
	background: url(../../img/site/btn/btn_regist_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	-o-background-size: 100% 100%, auto;
	-moz-background-size: 100% 100%, auto;
	-webkit-background-size: 100% 100%, auto;
	background-size: 100% 100%, auto;		
}

ul.topLinkList01 {
    width:100%;
	text-align: left;
}

ul.topLinkList01 li a {
	display: block;
	height: 40px;
	line-height: 40px;
	margin-bottom: 2px;
    padding:0 0 0 40px;
	border-bottom: solid 1px #ffdddd;
    color:#7C7C7A;
    background:url(img/site/top/toplist_left_bg.png) repeat-y, url(img/site/top/arrow.png) no-repeat right center;
    background-color:#fff0f1;
}
ul.menuLinkList01 {
	width: 100%;
}
ul.menuLinkList01 li a { 
	display: block;
	margin-bottom: 2px;
	padding: 7px 0px 7px 25px;
	border-bottom: solid 1px #dbc991;
	color: #7C7C7A;
	background: url("img/site/top/arrow.png") 100% 50% no-repeat #fffbe8;
}

section.externalLink { text-align: center; }
ul#external { width: 96%; margin: 10px auto; }
ul#external li { margin: 0 0 8px; }
ul#external li img { width: 100%; }
ul#external li.full { width: 100%; }
ul#external li.half { width: 49%; }
ul#external li.halfL { padding-right: 1%; }
ul#external li.halfR { padding-left: 1%; }

/* =======================================
	BG　Elements
======================================= */
.bgContents{
	position: relative;
	z-index: 10;
}
/* =======================================
	Text　Elements
======================================= */
.textShadow{
	text-shadow: 0px 1px 1px #000;
}

.radiusTxt{
	display: block;
	margin: 10px 5px;
	padding: 4px;
	font-size: 13px;
	border-radius: 5px;
	/*border: solid 1px #8dc422;*/
}
.roundedArea {
	width: 92%;
	margin: 0 auto 10px;
	padding: 10px 2%;
	border-radius: 10px;
	background: #ffeaf7;
}
.roundedArea span { font-size: 80%; }
.roundedArea+h4 { color: #ff69b4; }
.fontSize1 {
	font-size: 110%;	
}
.fontSize2 {
	font-size: 100%;	
}
.fontSize3 {
	font-size: 90%;	
}

/* =======================================
	Color Set
======================================= */
/* Green button */
.btnColor1 {
	color: #fff;            
    background: #b4d92d !important; 
	border-top: solid 3px #ccee66;	
	border-left: solid 3px #ccee66;	
	border-right: solid 3px #66bb00;	
	border-bottom: solid 3px #66bb00;	
}
/* Orange button */
.btnColor2 {
	color: #fff;            
    background: #ff9933 !important; 
	border-top: solid 3px #ffb186;	
	border-left: solid 3px #ffb186;	
	border-right: solid 3px #ca4e09;	
	border-bottom: solid 3px #ca4e09;		
}
/* Light blue button */
.btnColor3 {
	color: #fff;
    background: #0e9dcc !important;
	border-top: solid 3px #63c8e8;	
	border-left: solid 3px #63c8e8;	
	border-right: solid 3px #02789f;	
	border-bottom: solid 3px #02789f;	
}
/* Pink button */
.btnColor4 {
	color: #fff;
    background: #ff6666 !important;
	border-top: solid 3px #ff9c9c;	
	border-left: solid 3px #ff9c9c;	
	border-right: solid 3px #eb4747;	
	border-bottom: solid 3px #eb4747;		
}
.noLinkBtnColor {
	color: #ffffff;
	background: #999999;	
    background:	 
			-webkit-gradient(linear, left top, left bottom, from(#999999),
			color-stop(0.4, #999999),  
            color-stop(0.5, #666666),  
            to(#666666))  ;　/* Safari,Google Chrome用 */ 
	border: solid 1px #666666;	
}
.dlBtnColor1 {
	color: #fff;            
    background: #b4d92d; 
    background:	 
			-webkit-gradient(linear, left top, left bottom, from(#b4d92d),
			color-stop(0.4, #b4d92d),  
            color-stop(0.5, #8dc422),  
            to(#8dc422))  ;　/* Safari,Google Chrome用 */ 
	border: solid 1px #8dc422;	
}
.dlBtnColor2 {
	color: #fff;
    background: #ff6666;
    background:	 
			-webkit-gradient(linear, left top, left bottom, from(#ff6666),
			color-stop(0.4, #ff6666),  
            color-stop(0.5, #cc3333),  
            to(#cc3333))  ;　/* Safari,Google Chrome用 */ 
	border: solid 1px #990000;	
}
.cautionColor {
	color: #ff0000;	
}
.strongColor {
	color: #ff0000;	
}
.fontColor1 {
	color: #ff66cc;	/*ピンク*/
}
.fontColor2 {
	color: #663300;	/*茶色*/
}
.fontColor3 {
	color: #666666;	/*グレー*/
}
.fontColor4 {
	color: #b39900; /*黄土色*/	
}
/* =======================================
	Indivisual Element
======================================= */
#nextItem { width: 100%; font-size: 90%; }
#nextItem img#spBnr {
	width: 98%;
	margin: 0 1% 5px;
}
#nextItem div { padding: 8px 2%; }
#nextItem h4 { margin-bottom: 6px; }
#nextItem h4+p { padding-bottom: 5px; }
#nextItem p span { color: #ff9999; }
.lineH39px {
    line-height:39px;
}
.lineH100px {
    line-height:100px;
}
.lineH150px {
    line-height:150px;
}
.lineH80px {
    line-height:80px;
}
.mrg10{
	margin-bottom: 10px;
}
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.borderNone{
    border:none !important;
}
.freeDL a{
	font-size: 110%;
	color: #ff3366;	
}
div.freeDL {
	background-color:#FFECFF;
	text-align:center;
}
.incArea1 {
	width: 96%;
	margin: 2% auto;
	padding: 6px 1%;
	border: 1px solid #cccccc;
	border-radius: 8px;
	background: #ffffff;
}

/* =======================================
	external link Element
======================================= */
/***** bxSlider *****/
#external_link_slider {
	display: table;
	width: 100%;	
}
#external_link_slider>div {
	display: table-cell;
	vertical-align: middle;
}

#external_link_slider>div.control_button {
	width: 5%;
	padding: 0 1% 65px;
}
#external_link_slider>div.control_button>span {
	font-weight: 700;
	font-size: 120%;
}
#external_link_slider>div.control_button>span>a {
	display: block;
	padding: 20px 0;
	color: #996633;
}
#external_link_slider>div.control_button>span#slider_prev {
	text-align: left;
}
#external_link_slider>div.control_button>span#slider_next {
	text-align: right;
}
.bx-wrapper .bx-viewport {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
/* =======================================
	footer Element
======================================= */
div#footerNavi footer ul.infoList {
    width:100%;
}

div#footerNavi footer ul.infoList li {
	display: block;
	width: 100%;
    color:#8D8D8D;
    background:url(img/site/top/arrow.png) no-repeat right center;
	margin:0 0 2px 0;
}
div#footerNavi footer ul.infoList li.liType01 {
    background-color:#fbefe2;
}
div#footerNavi footer ul.infoList li.liType02 {
    background-color:#fdf6ef;
}
div#footerNavi footer ul.infoList li img {
	height:40px;
	margin-right: 4px;
}

div#footerSpace {
	width:100%;
	height:150px;
}

ul.footerInfoList li a {
	display: block;
	width: 100%;
    color:#8D8D8D;
    background:url(img/site/top/arrow.png) no-repeat right center;
}
ul.footerInfoList li.liType01 a {
    background-color:#D9F2EE;
}
ul.footerInfoList li.liType02 a {
    background-color:#ECF6EB;
}

ul.footerNavi3 li a{
	display: block;
	margin-bottom: 2px;
	border-bottom: solid 1px #dbc991;
	color: #7d7d7d;
	background: #fffbe8 url(../../img/site/top/arrow.png) center right no-repeat;
}
ul.footerNavi3 li a img {
	width: 40px;	
}

/* =======================================
	SNS-Link Element
======================================= */
ul.socialLink {
	margin: 0;
	padding: 10px 0;
	text-align: right;
}
ul.socialLink li {
	float: right;
	max-width: 30%;
	vertical-align: top;	
	padding-right: 2%;
	text-align: left;
}
ul.socialLink li#facebook div.fb-like {
/*	width: 70px;
	overflow: hidden;	*/
}
/*
*/
.fb-like iframe {
    max-width: none!important;
/*	width: 320px!important;*/
}
.pluginCountButton {
	display: none!important;
	width: 0px!important;
}
div.twitterFollow {
	padding: 6px;
	border-top: 1px solid #999999;
	background: #ffffff;	
}


/* =======================================
	責任分岐表示
======================================= */
.cautionArea {
	padding: 4px 0;
    border-bottom:1px solid #bb9900;
	color: #707070;
	font-size: 80%;
    text-align:center;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fff1ea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff1ea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fff1ea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fff1ea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fff1ea 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fff1ea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff1ea',GradientType=0 ); /* IE6-9 */
}

#footerCaution {
	width: 98%;
	margin: 2% auto;
	pading: 1%;
	border: 1px solid #bb9900;
	border-radius: 8px;	
}
/* =======================================
	Paragraph　Elements
======================================= */
aside {
	padding: 0 2%;
	font-size: 80%;
}
.centerPar{
	margin: 0 auto;
}
.floatR {
	float: right;	
}
.floatL {
	float: left;	
}
.margin {
		margin-top: 8px;
		height: 0;
}
.margin1 {
	margin: 5px;
}
.margin2 {
	margin: 10px;
}
.marginTB1 {
	margin-top: 10px;
	margin-bottom: 10px;	
}
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.padding1 {
	padding: 5px;	
}
.padding2 {
	padding: 10px;	
}
.paddingTB1 {
	padding-top: 5px;
	padding-bottom: 5px;	
}
.btnPadding {
	padding-top: 8px;
	padding-bottom: 8px;	
}
.padding10 {
	padding: 0 10px;	
}
.clearBoth {
	clear:both;
}
.inlineBlock {
	display: inline-block;	
	vertical-align: top;	
}

/* =======================================
	Text　Elements
======================================= */
.textC {
	text-align: center;	
}
.textR {
	text-align: right;	
}
.textL {

	text-align: left;	
}