/* ===================================================
   =================================================== */
   
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

ul,li,p {margin:0;padding:0;list-style:none;}

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img{ border:none;}

img,iframe,object{
	width:100%; //IE対策
	max-width:100%;
	height:auto;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
   
/* ===================================================
   base
   *{border:solid 1px red;}
   =================================================== */
body{
	width:100%;
	margin:0; font-size:14px; line-height:160%; 
	letter-spacing:0;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック","MS P Gothic";
	color:#333;
}
html, body {
  height:100%;  width:100%;
  padding:0;  margin:0;
}

a { color: #f5692c; text-decoration:none;}
a:visited { color: #f5692c; text-decoration:none;}
a:hover { color: #f5692c; text-decoration:underline;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

img a{
   background-color:#FFF;
   display:inline-block;
}

a:hover img,
a:active img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* 新旧Firefox */
a:hover img, x:-moz-any-link { background: #fff;}
a:hover img, x:-moz-any-link, x:default { background: #fff;}


/*テーブルのレスポンシブ*/
@media only screen and (max-width: 459px) {
#document_area table.responsive,
#document_area table.responsive tbody,
#document_area table.responsive tr {
display:block;
}
#document_area table.responsive th,
#document_area table.responsive td {
display:list-item;
}
}

/* @tips */

@media screen and (max-width: 480px){ /* 画面が480pxの場合 */
}
@media screen and (max-width: 320px){ /* 画面が320pxの場合 */
}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

/**-------------------------------------------------------------------------------------
	toppage
-------------------------------------------------------------------------------------**/
/**----------header----------**/

#header{
	background:#b1f905;
	height:61px;
	margin-bottom:15px;
}
#header h1{
	display: block;
	height:45px;
	width:243px;
	font-weight: bold;
	margin:8px 0 0 13px;
	padding:0;
	float:left;
}
#header nav{
	float: right;
	margin:8px 13px 0 0;
	padding:0;
}
#header nav li > a{
	text-align: center;
	display: block;
	width:36px;
	height:43px;
}

.gmenu{
	background-size: 100% 100%;
	height: 50px;
	border-bottom: 1px solid #dadada;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcd9db), color-stop(1.00, #000));
	background:-webkit-linear-gradient(#fdfdfd, #dcd9db);
	background:-moz-linear-gradient(#fdfdfd, #dcd9db);
	background:-o-linear-gradient(#fdfdfd, #dcd9db);
	background:-ms-linear-gradient(#fdfdfd, #dcd9db);
	background:linear-gradient(#fdfdfd, #dcd9db);
	border-bottom:1px solid #d5d5d5;
	margin-bottom:15px;
	
 }
 .gmenu nav{
	float: right;
	
 }
.gmenu nav li{
	float: left;
	border-left: 1px solid #fff;
 }
 .gmenu nav li img{
	width:62%;
	padding-top:6px;
 }
.gmenu nav li>a{
	text-align: center;
	display: block;
	width: 50px;
	height: 50px;
	border-left: 1px solid #dadada;
 }

 
 
 /**----------search----------**/
#searchbox {
	margin:0;padding:15px 10px;
 }

 .search_nav {
	margin:0;
	background-color:#fcefcd;
	 background: -webkit-linear-gradient(top, #fdf7cc 0%, #fcefcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdf7cc), to(#fcefcd));
	filter: progid:DXImageTransform.Microsoft.gradient(Enabled=1,GradientType=0,StartColorStr='#fdf7cc',EndColorStr='#fcefcd'); 
}
.search_nav ul{
	margin:0 auto;
}
.search_nav li{
	display:inline-block;
	padding:10px;
}
.search_nav li a{
	text-decoration:none;
	color:#555;
	padding:5px;
}
.search_nav li a:hover{
	color:#fff;
	background:#eb8500;
	padding:5px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:8px;
}


#searchBtn1 {
	vertical-align:top;
}


#box_search_top {
	width:100%;
	margin:15px 0;
	text-align:center;
}

#keywords1 {
	width:70%;
	border:1px solid #CCC;
	padding:8px;
}

/**----------newrelease----------**/
#topbox_newrelease {
	background: url(../images/bg_topslide.png) repeat-x;
	margin:0 auto 20px auto;padding:8px 10px;
	height:390px;
}
#topbox_newrelease h2{
	width:255px;
	height:16px;
	margin:0;padding:0;
}
.list_newrelease{
	text-align:center;
	padding:25px 0;
}
.list_newrelease li {
	display:inline-block;
	 padding:0;
	 width:45%;
}
.list_newrelease li img{
	width:auto;
	max-height:160px;
	border:5px solid #fff;
	display:block;
	margin:auto;
}


/**----------slide----------**/


/**----------雑誌----------**/
.magazine{
	margin:15px 5px 15px 10px;
}
.magazine ul{
	text-align: center;
}
.magazine li{
	width:47%;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding-right: 5px;	
}

/**----------footer----------**/

footer {
	position:relative;
	text-align:center;
	padding:20px 0 10px 0;
	font-size:13px;
	color:#ccc;
}

 .footer_pc li{
	display:inline-block;
	padding:0 30px 10px 0;
 }
  .footer_pc li img{
	width:auto;
	max-height:30px;
}
 .footer_nav a{
	color:#4a6801;
 }
 #copyright {
	color:#666666;
	font-size:12px;
	line-height:120%;
	margin:10px 0;
 }

/**----------pagetop----------**/

.backtotop {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 9000;
    display: none;
}    

.backtotop a {
    display: block;
    padding:8px 8px 0  8px;
    margin: 0;
    background-color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
	border:1px solid #ccc;
}

.backtotop a:hover {
    background: #999;
    color: #FFFFFF;
}
.backtotop img {
	width:26px; height:26px;
}

.breadcrumb {
	margin:0 0 15px 10px;padding:0;
}
.breadcrumb li{
	display: inline-block;
	font-size:13px;
}
.breadcrumb li + li:before {
    margin: 0 5px;
    content: ">";
}
.breadcrumb li a{
	color:#888;
}

/**-------------------------------------------------------------------------------------
	list
-------------------------------------------------------------------------------------**/
.list_menu1 {
	margin:10px 10px 15px 10px;
 }
.list_menu1:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
 }
 .list_menu1 li{
	overflow: hidden;
	margin: 0;
	width: 100%;
	text-align: left;
	padding: 0;
	border: 1px #ffe78d solid;
	border-bottom: 0;
	background:#fef8d4;
	display:block;
	
 }
 .list_menu1 li:first-child{
	border-radius: 8px 8px 0 0;
 }
 .list_menu1 li:last-child{
	border-radius: 0 0 8px 8px;
	border-bottom:1px #ffe78d solid;
 }
 .list_menu1 li a{
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
 }
 .list_menu1 li a::after{
	content: url(../images/arrow_yellowR.png) no-repeat;
	float: right;
	padding:8px 8px 0 0;
 }


 
.list_menu2 {
	padding:10px 10px 0 10px;
 }
 .list_menu2 li{
	overflow: hidden;
	margin: 0;
	width: 100%;
	text-align: left;
	padding: 0;
	border: 1px #9e9e9e solid;
	border-bottom: 0;
	display:block;
	background:#fff;
 }
 .list_menu2 li:first-child{
	border-radius: 8px 8px 0 0;
 }
 .list_menu2 li:last-child{
	border-radius: 0 0 8px 8px;
	border-bottom:1px #9e9e9e solid;	
 }
 .list_menu2 li a{
	position:relative;
	color:#333;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	white-space: nowrap;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
 }
.list_menu2 li a:after{
	content: url(../images/icon_arrow_gray.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}

 .list_menu3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.list_menu3{
	display:table;
	width:100%;
	border-top: 1px #9e9e9e solid;
}
.list_menu3 li {
	display:inline-block;
	width:50%;
	padding:0 5px;
	border-top: none;
	border-bottom:1px solid #9e9e9e;
	border-left: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	background: -moz-linear-gradient(top, #fff, #fff 40%,#f5f5f5 80%,#eeeeee);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.4, #fff),color-stop(0.8, #ebebeb),to(#eeeeee)); 
	position:relative;
}
.list_menu3 li a {
	height:44px;
	display: block;
	padding:0 0 0 10px;
	line-height:44px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
 .list_menu3 li:nth-child(odd) {
	border-right:none;
 }
  .list_menu3 li a:after{
	content: url(../images/icon_arrow_green.png) no-repeat;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -12px;
}

.list_menu4{
	display: table;
	width: 100%;
}
.list_menu4 li {
	display:inline-block;
	width:33%;
	text-align:center;
	padding:0 5px;
}
.list_menu4 li a {
	display: block;
}

.list_company li{
	display:inline-block;
	padding-bottom:15px;
	line-height:140%;
	font-size:13px;
	width:40%;
	vertical-align:top;
}

.list_twitter,.list_company {
	margin:0 auto;
	text-align:center;
}
.list_twitter li{
	display:inline-block;
	padding-bottom:15px;
	line-height:140%;
	font-size:13px;
	width:40%;
	vertical-align:top;
}
.list_company li img{
	max-height:170px;
	width:auto;

}
.list_twitter li img{
	max-width:80%;
	border:1px solid #ccc;
}

/* item list ------------------------------ */
.itemList {
	width:100%;
	overflow: hidden;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	zoom: 1;
}
.itemList:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
.itemList li {
	display:inline-block;
	width:48%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	position: relative;
	left: -2px;
	top: 0px;
	font-size: 13px;
	line-height: 135%;
	vertical-align:top;
}

.itemList li a {
	display: block;
	margin-left: 2px;
	padding-bottom: 8px;
	background: #ffffff;
}

.itemList li a:link,
.itemList li a:visited {
	color: #000000;
	text-decoration: none;
}
.itemList li a:hover,
.itemList li a:active {
	color: #000000;
	text-decoration: none;
}

.itemList li .itemThumb {
	display: block;
	margin: 0px auto 6px auto;
	text-align: center;
}
.itemList li .itemThumb img{
	max-width:110px;
	max-height: 150px;
	border:1px solid #cccccc;
}
.itemList li .itemText {
	display:block;
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
.itemList li .newicon {
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 4px;
}
.itemList li .genreicon {
	display: block;
	margin-bottom: 4px;
}
.itemText img{
	width:22px;height:8px;
}

/**-------------------------------------------------------------------------------------
	heading
-------------------------------------------------------------------------------------**/

.heading01 {
	margin:0 0 30px 0;
	padding:0;
	color:#000;
	font-size:22px;
	text-align:center;
	
}
.heading02 {
	font-size:15px;
	background: url(../images/icon_titlemark.gif) no-repeat 0 2px;
	padding-left:15px;
	margin-bottom:15px;
}	
	
.heading03 {
	background: url(../images/icon_circle.gif) no-repeat 0 2px;
	padding-left:20px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}


.heading04 {
	margin:0;
	padding:0;
	font-size:16px;
	color:#000;
	font-weight:bold;
}
.heading05 {
	margin:0;padding:5px;
	font-size:15px;
	color:#fff;
	font-weight:bold;
	background-color:#000;
}	
.heading06 {
	margin:0 0 5px 0;padding:5px 0 0 0;
	font-size:15px;
	font-weight:bold;
	border-top:1px dotted #999;
}
.heading06_none {
	margin:0 0 5px 0;padding:5px 0 0 0;
	font-size:15px;
	font-weight:bold;
}
.mintyo {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.heading_search {
	font-weight:bold;
	font-size:14px;
	margin:0;padding:0;
}
.icon_new img{
	width:22px; height:8px;
	display:inline-block;
}

/**-------------------------------------------------------------------------------------
	event
-------------------------------------------------------------------------------------**/	
#imageColumn {
	text-align:center;
}
#imageColumn img{
	max-width:45%;
	margin:0;padding:0;
}
#detailTitle {
	text-align:center;
	font-weight:normal;
	
}
#detailTitle h3 {
	font-size:17px;
	margin:0;padding:0;
	font-weight:normal;
	display:inline-block;
}
#detailTitle h4 {
	font-size:14px;
	margin:0;padding:0;
	font-weight:normal;
}


.icon_bijin img{
	width:auto; max-height:26px;
}
#detailText {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:12px 0;
	margin:12px 0;
}
.title_info img{
	width:159px;height:39px;
}
.sbm-ameba img {
	width:67px; height:20px;
}
.sbm-ameba,.sbm-twitter,.sbm-facebook {
	display:inline-block;
	vertical-align:top;
	padding-right:10px;
}

/**-------------------------------------------------------------------------------------
	button
-------------------------------------------------------------------------------------**/	
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 16px;
	padding:15px;
}
.small {
	font-size: 12px;
	padding:5px 15px;
}


/* black */
.btn_black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

/* gray */
.btn_gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}


/* white */
.btn_white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}


/* orange */
.btn_orange {
	color: #fff;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}


/* red */
.btn_red {
	color: #fff;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
a.btn_red,a.btn_blue,a.btn_green,
.btn_red a,.btn_blue a,.btn_green a{
	color:#fff;
	text-decoration:none;
	
}

/* blue */
.btn_blue {
	color: #fff;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

/* rosy */
.btn_rosy {
	color: #fae7e9;
	border: solid 1px #b73948;
	background: #da5867;
	background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
	background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}


/* green */
.btn_green {
	color: #fff;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}


/* pink */
.btn_pink a {
	color: #feeef5;
	border: solid 1px #d2729e;
	background: #f895c2;
	background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
	background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}


.notes {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	text-decoration: none;
	padding:10px;
	border-radius: .5em;
	background: #ddd;
}
.box_join {
	border: solid 1px #000000; padding:15px;
	margin-bottom:20px;
	height:400px;
	overflow:auto;
}

.btn_search {
	text-align:center;
	display:inline-block;
	text-decoration:none;
	padding:8px 15px;
	border-radius:3px;
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #5d5c5c), color-stop(1.00, #2c2b2b));
	background: -webkit-linear-gradient(#5d5c5c, #2c2b2b);
	background: -moz-linear-gradient(#5d5c5c, #2c2b2b);
	background: -o-linear-gradient(#5d5c5c, #2c2b2b);
	background: -ms-linear-gradient(#5d5c5c, #2c2b2b);
	background: linear-gradient(#5d5c5c, #2c2b2b);
	color:#fff;
	border:1px solid #868585;
}


/**-------------------------------------------------------------------------------------
	form
-------------------------------------------------------------------------------------**/	
.table01 {
	margin:0;padding:0;
}
.table01 th{
	text-align:left;
	vertical-align:top;
	padding-right:10px;
	width:40%;
}

.formtable01,
.formtable03 {
	border-top: 1px solid #c3c3c3;
	width: 100%;
}
.formtable01 th,
.formtable01 td,
.formtable03 th,
.formtable03 td {
	font-size: 12px;
	line-height: 135%;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #c3c3c3;
}
.formtable01 th {
	background: #e2e2e2;
	padding: 9px 12px;
	color: #424242;
	width:25%;
}
.formtable01 td {
	padding: 9px 9px;
	width:75%;
}
.formtable03 th {
	background: #e2e2e2;
	padding: 9px 12px;
	color: #424242;
	width: 25%;
}
.formtable03 td {
	padding: 9px 9px;
	width: 75%;
}
.error-txt{
	margin:0; padding:0 0 0 0;

}
.boder_gray{
	border: 1px solid #cecece;
}

.input-error {
	background: #ffe8e8;
}
.namehead {
	display: inline-block;
	/display: inline; /* for IE6&7 */
	zoom: 1;
}
.formbuttons {
	text-align: center;
	display:block;
	padding-top: 16px;
	margin-bottom: 30px;
}
.formbuttons img,
.formbuttons input {
	margin: 0px 8px;
	vertical-align: middle;
}
input {
	padding:8px;
	border-width:0;
	border-style:none;
	background:transparent;
	border:1px solid #ccc;
}
select{
	text-align:center;
	display:inline-block;
	text-decoration:none;
	padding:6px;
	border-radius:5px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e5e5e5), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	color:#000;
	border:1px solid #ccc;	
}
textarea {
	display:inline-block;
	text-decoration:none;
	padding:6px 15px;
	border-radius:8px;
	color:#000;
	border:1px solid #ccc;	
}

/**-------------------------------------------------------------------------------------
	etc
-------------------------------------------------------------------------------------**/
.p12 {font-size:12px;}
.p13 {font-size:13px;}
.p14 {font-size:14px;}
.p15 {font-size:15px;}
.p16 {font-size:16px;}
.p18 {font-size:16px;}

.p-10 {padding:10px;}

.m0 {margin:0;padding:0;}
.m-10 {margin:10px;}
.mlr-13 {margin:0 13px;}
.m-15 {margin:15px;}

.mr-5 {margin-right:5px;}

.mr-15 {margin-right:15px;}

.mb-12 {margin-bottom:12px;}
.mb-20 {margin-bottom:20px;}
.mb-24 {margin-bottom:24px;}
.mb-30 {margin-bottom:30px;}
.mb-50{margin-bottom:50px;}
.mt-40 {margin-top:40px;}

.m-auto{margin:0 auto;display:block;}
.m-15auto{margin:15px auto;display:block;}

.black1 {color:#000000;}
.red1 {color:#ff0000;}
.orange1 {color:#e34618;}
.yellow1 {color:#ffa800;}
.gray1 {color:#737272;}
.green1 {color:#4f7e15;}
.gold1{color:#eb8500;}

.bold {font-weight:bold;}

.txtR {text-align:right;}
.txtL {text-align:left;}

.imgL {float:left;margin:0 15px 30px 0}
.imgR {float:right;margin:0 0 30px 15px}
.center {text-align:center}

.b-border{
	border-bottom:1px solid #999;
	padding-bottom:20px;
}

.w60{ width:60%;}
.w70{ width:70%;}
.w80{ width:80%;}
.w100{ width:100%;}

.noborder { border:none;}

.border-c {
	background-position:bottom;
	padding:10px 0;
}
.border1 {
	margin:0 0 22px 0;
	padding:0 0 15px 0;
	background: url(/images/new/common_line01.gif) repeat-x left bottom;
}
.border1:last-child {
	background:none;
}

/**-------------------------------------------------------------------------------------
	jquery
-------------------------------------------------------------------------------------**/	

/*アコーディオン
-------------------------------------*/
.acordion{
	 background:#fff;
	 border-radius:8px;
	 margin:10px auto;
	 border:1px solid #ccc;
}
.acordion_tree{
    padding:10px;
	margin:0;
}
.acordion_tree,.acordion_cart_tree{
    padding:10px;
	margin:0;
}
.acordion_cart_tree{
    padding:10px;
	margin:0;
	border-bottom:1px solid #cfcfcf;
}
.open-close {
    float:right;
    text-indent:-9999px;
    display:block;
    margin-top:3px;
    height:16px;
    width:20px;
    background:url(../images/arrow_grayDOWN.png) no-repeat 0 5px;
    -webkit-background-size:15px 11px;
}
.trigger.active .open-close{
    background:url(../images/arrow_grayUP.png) no-repeat 0 5px;
    -webkit-background-size:15px 11px;
}

/*modal
-------------------------------------*/
#modal {
	display: none;
	position:relative;

}
.first {text-align:right}

#pageslide {
    display: none;
    position:absolute;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 240px;
	border-left:1px solid #ccc;
	background:#f5f5f5;
}	
#modal li{
	border-bottom:1px dotted #666;
	background:#fff;
}
#modal li a{
	text-decoration:none;
	display:block;
	padding:15px;
	color:#4a6801;
}
.modal_close {
	position:absolute;
	right:-5px;top:0;
}

/*slide carousel
-------------------------------------*/
.carousel ul {
    position:absolute;
    overflow:hidden;
    margin:0;
    padding:0;
    list-style:none;
}
.no-js .carousel ul {
    position:static;
	
}
.carousel .mask {
    position:relative;
    overflow:hidden;
}
.carousel ul li {
    float:left;
    width:106px;
	height:48px;
    text-align:center;
    margin:0;
}
.carousel ul li img{
	border:1px solid #cccccc;
}
.carousel .pagination-links {
    list-style:none;
    margin:0;
    padding:0;
}
.carousel .pagination-links li {
    display:inline;
}
.carousel .pagination-links li a {
    padding:2px 6px;    
}
.carousel .pagination-links li a:hover {
    text-decoration:none;
}
.carousel .pagination-links li.current a {
     background:#444;
     text-decoration:none;
}
.carousel .disabled {
    color:gray;
    cursor:default;
}

/** my carousel 2 **/
#my-carousel-2,#my-carousel-3 {
	position:relative;	
	
}
#my-carousel-2 .mask,#my-carousel-3 .mask {
    width:74%;
	margin:0 auto;
}
#my-carousel-2 ul li,#my-carousel-3 ul li {
    margin:0 20px 0 0;
}
.prev img,.next img{width:20px; height:20px;}
.prev img {
	position:absolute;
	top:12px;left:10px;
}
.next img {
	position:absolute;
	top:12px;right:10px;
}


    .owl-slider {
		padding:10px;
		margin-left:2px;
	}
	.owl-slider li {
		margin-right:5px;
		
	}
	
	.owl-slider .item{
		margin: 3px;
    }
    .owl-slider .item img{
		display:block;
		width: 100%;
		height: auto;
    }
	


/**-------------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------------**/	
.top_series,.list_news{
	margin:0 10px 0 10px;
 }
.top_series li:first-child,.list_news li:first-child{
	border-top:1px solid #ffcd33;
 }
 .top_series li{
	border-bottom:1px solid #ffcd33;
	margin:0;
	padding:10px;
 }

 .top_series li a{
	display: block;
	margin: 0;
	padding: 0 20px 0 0;
	word-wrap:normal;
	word-wrap: break-word;
	text-decoration: none;
	color:#545454;
	min-height:115px;
 }
 .top_series li img{
	float:left;
	min-height:100px;
	width:80px;
	margin-right:10px;
 }
 .top_series li a strong{
	color:#eb8500;
	font-size:16px;
	font-weight:normal;
	display:block;
}

.list_news li{
	border-bottom:1px solid #ffcd33;
	margin:0;
	padding:10px 0;word-break:break-all;

 }
.list_news li a{
	position: relative;
	margin:0; padding: 0 35px 0 0;
	text-decoration:none;
	display:block;
	color:#5d5d5d;
	background: #ffffff;

 }
 .list_news li a:before{
	display:block;
	content: "";
	position:absolute;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	right:15px;
	width:10px;
	height:10px;
	margin-top:-10px;
	background:#ffcd33;
 }
  .list_news li a:after{
	display:block;
	content: "";
	position:absolute;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	top: 50%;
	right:20px;
	width:10px;
	height:10px;
	margin-top:-10px;
	background:#fff;
 }
 

 .icon_shippping {
	background:#ff9900;
	margin:0 0 5px 0;padding:0 5px;
	display:inline-block;
	border-radius:3px;
	font-size:11px;
	color:#000;font-weight:bold;
	line-height:170%;
 }
 
/**-------------------------------------------------------------------------------------
	contents
-------------------------------------------------------------------------------------**/
.series_mainbox {
	margin:10px;
}
.sub_mainbox {
	margin:10px 10px 20px 10px;
	border-bottom:1px dotted #ccc;
	padding:0 0 15px 0;
}
.series_mainbox img{
	width:50%;
}

.series_list1 li{
	background-color:#ffffff;
	margin:0; padding:10px;
	overflow: hidden;
	text-align: left;
	display:block;
	border-bottom:1px solid #cccccc;
}
	 .series_list1 li img{
		width:100px; height:100px;
		float:left;
		margin:0 10px 0 0;
	}
	.series_list1 li span{
		display:block;
		margin:0 10px;
	}
	
.series_list2 li{
	margin:0; padding:0 0 10px 0;
	overflow: hidden;
	display:block;
	border-bottom:1px solid #cccccc;
}
.series_list2 li span {
	display:block;
	margin:0 10px;
}

/**pagenav**/
.pageNav01 {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}
.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
.pageNav01 li:first-child {
	float:left;
}
.pageNav01 li:last-child {
	float:right;
}
.pageNav01 li span,
.pageNav01 li a {
	display: inline-block;
	margin-bottom:0;
	padding:0 10px;
	text-decoration: none;
	vertical-align: middle;
}

.pageNav01 li a:hover {
	color:#555;
	background: #ec8c0f;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:8px;
}

.detail_photo {
	width:80%;
	margin:10px auto 0 auto;
}
/* pager ------------------------------ */
.pager {
	color: #696969;
	text-align: right;
	margin-bottom: 16px;
}
.pager a {
	padding: 0px 10px;
}
.pager .active {
	padding: 0px 10px;
	font-weight: bold;
	color: #000000
}
.pagerPrev {
	padding-right: 12px;
}
.pagerPrev img {
	vertical-align: middle;
}
.pagerNext {
	padding-right: 12px;
}
.pagerNext img {
	vertical-align: middle;
}

/**-------------------------------------------------------------------------------------
	menu
-------------------------------------------------------------------------------------**/

#menu {
  background: #000;
  display: none; }
  
  #menu ul {
    margin: 15px 10px 0 10px;
    zoom: 1;
    color: #fff; }
    
    #menu ul:before {
      content: "";
      display: block; }
    
    #menu ul:after {
      content: "";
      display: block;
      clear: both; }
    
    #menu ul li {
      width: 50%;
      float: left;
      margin: 0 0 13px 0;
      font-size: 87%; }
      
      #menu ul li span {
        font-size: 95%; }
      
      #menu ul li a {
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        background: url(../images/common/icon_arrow_white.png) 3px 4px no-repeat;
        background-size: 3px 5px;
        padding: 0 0 0 13px;
        display: inline-block; }
  
        #menu ul li a:hover {
          color: #0085cd; }
  
    #menu ul li.icon-screen a {
      background: none;
      padding: 0; }
  
  #menu .btn_pc a {
    color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(#404040, #000000);
    background-image: -moz-linear-gradient(#404040, #000000);
    background-image: -o-linear-gradient(#404040, #000000);
    background-image: linear-gradient(#404040, #000000);
    -webkit-box-shadow: inset 0 0 1px 1px black;
    -moz-box-shadow: inset 0 0 1px 1px black;
    box-shadow: inset 0 0 1px 1px black;
    border-bottom: #494949 1px solid; }


.menu_search {
  position: relative;
  padding: 5px 10px 15px 10px;
  overflow: hidden; }

  .menu_search .search_text {
    background: #f8f8f8;
    height: 40px;
    padding: 10px;
    line-height: 20px;
    display: block;
    width: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .menu_search .box_search_btn .icon-search {
    color: #000;
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 10px;
    display: block;
    height: 40px;
    width: 45px;
    line-height: 40px;
    font-size: 120%;
    text-align: center;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    
    .menu_search .box_search_btn .icon-search::before {
      position: absolute;
      z-index: 1;
      top: 12px;
      left: 14px; }
 
  .menu_search .box_search_btn .search_btn {
    background: transparent;
    color: #fff;
    display: block;
    border: none;
    height: 40px;
    width: 45px;
    top: 5px;
    right: 10px;
    position: absolute;
    z-index: 5;
    text-indent: -9999px; }

.menu_btn {
    width: 135px;
    height: 28px;}

#btn_sns {
	margin-bottom:5px;
}
#btn_sns li {
	display:inline-block;
}
	
/**-------------------------------------------------------------------------------------
	newrelease
-------------------------------------------------------------------------------------*

/**news**/

.tab_menu li {
    float:left;
    margin-right:10px;
    border-radius:5px 5px 0 0;
    box-shadow: 0 0 5px 0px rgba(0,0,0,0.3);
}
 
.tab_menu li a{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #e5e5e5), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
    background: linear-gradient(top, #ffffff 0%, #e5e5e5 95%);
    font-size:88%;
    display:block;
    padding:10px;
    border-radius:5px 5px 0 0;
}
 
.tab_content{
    clear:both;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    border-top:1px solid #cfcfcf;
    padding:15px;
}

#list_news {
	font-size:17px;
	margin:0;padding:0;
	font-weight:normal;
}
#list_news li{
	padding-bottom:12px;
	border-bottom:1px solid #bcbcbc;
	margin-bottom:12px;
}
#list_news li a{
	width:100%;
	max-height:50px;
	display:block;
	color:#444444;
}
.icon_news {
	width:32px;height:32px;
	display:inline-block;
	vertical-align:middle;
	margin:0px;
}


.tb2{
	background:#888888;
	border-collapse: collapse;
	border: 1px solid #999999;
}
.tb2 td{
	padding:8px;
	background:#f5f5f5;
	border: 1px solid #999999;
}
.tb2 th{
	padding:8px;
	background:#E0E0E0;
	border: 1px solid #999999;
}
.itemlist-company th{
	text-align:left;
}
.itemlist-company td{
	padding-left:20px;
}
.company-thumb li {
	width:49%;
	display:inline-block;
	vertical-align:top;
}