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

/*---------- IEにHTML5 新規タグを読ませる (s) ----------*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{ display:block; }
/*-------- IEにHTML5 新規タグを読ませる (e) --------*/

/*--------------------  common(s)  ----------------------*/
body {
    background-color:#e8eaf0;
    width:100%;
    margin:0;
    padding:0;
    }
body * {
    color:#222222;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Tahoma, Arial, sans-serif;
    letter-spacing:0.8px;
    font-size:12px;
    line-height:1.5em;
    }
#main_header {
    background:#ffffff url(../images/bg_header.png) left top repeat-x;
    width:100%;
    height:141px;
    }
.container {
    width:980px;
    margin: 0 auto;
    }
img { border:none; }
a, a:link{
    color:#666666;
    text-decoration:none;
    }
a:hover { text-decoration:underline; }

li { list-style:none; }

h1, h2 { font-weight:normal; }
.radius {
     border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  4px ;   /* Firefox用 */  
    }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
.spaceTop10 {
    padding-top:10px;
    }
.attention {
	color:#ff0000;
	font-size:11px;
	}
.text_center { text-align:center; }
.bold { font-weight:bold;}
.text_xl { font-size:18px; }
.small_text { font-size:11px; }
.container h1 .small_text {
	display:inline-block;
	font-size:12px;
	} 
/*---------- header(s)----------*/
#header_left {
    background:  url(../images/bg_greeting.png) left top no-repeat;
    float:left;
    width:350px;
    height:61px;
    }
#header_left_201704 {
    background:  url(../images/bg_greeting_201704.png) left top no-repeat;
    float:left;
    width:350px;
    height:61px;
    }
#header_left_April {
    background:  url(../images/bg_greeting_April.png) left top no-repeat;
    float:left;
    width:380px;
    height:61px;
    }
#header_comment {	
	/*overflow-style: marquee;
	overflow: -webkit-marquee;
	display: -wap-marquee;*/
    width:210px;
    height:18px;
    line-height:18px;
    float:left;
    margin:19px 0 0 90px;
    }

#header_right {
    width:620px;
    float:right;
    }

#header_nav  { 
    float:right;
	margin:3px 0 0;
    }
#header_nav p { 
    text-align:right;
    margin:0;
    }
#header_nav a { 
    background: transparent url(../images/arrow_y.png) left 3px no-repeat;
    font-size:10px;
    letter-spacing:0.5px;
    margin-left:15px;
    padding-left:12px;
    }
#header_right .button {
	display: inline-block;
	color:#ffffff;
	background-color:#ff7200;
	clear:right;
	float:right;
	font-size:12px;
	font-weight:bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top:7px;
	margin-left:10px;
	padding:5px 8px;
	}
#header_right .button:hover {
	text-decoration:none;
	opacity:0.75;
	}
#header_right .button img {
	height:12px;
	vertical-align:middle;
	margin-right:4px;
	}
#google_search { 
    float:right;
    height:24px;
    width:250px;
    margin: 3px 0 0;
    padding:0;
    }
#google_search input { font-size:12px;}
#google_search input.gsc-search-button, #google_search input.gsc-search-button:hover, #google_search input.gsc-search-button:focus {
    background: #5c8ce2; /* Old browsers */
	background: -moz-linear-gradient(top,  #5c8ce2 0%, #4274ca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c8ce2), color-stop(100%,#4274ca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5c8ce2 0%,#4274ca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5c8ce2 0%,#4274ca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5c8ce2 0%,#4274ca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5c8ce2 0%,#4274ca 100%); /* W3C */
	border:none;
	margin:6px 0 0 8px;
	padding:6px 16px;
	}
#google_search .gsc-search-box {
	margin:0;
	padding:0;
	}
#google_search .gsc-search-box .gsc-input { height:22px; padding-right:0; margin-top:2px;}
#google_search .gsc-search-box, #google_search .gsc-search-box .gsc-input .gsib_a {width:250px; height:18px; padding-top:0;}
#switch_lang {
    float:right;
    background-color:#eeeeee;
    margin: 5px 20px 0  0 ;
    padding:5px;
    }

#switch_lang a {
    color:#666666;
    text-decoration:none;
    padding:1px 4px 0;
    }
#switch_lang a:hover { color:#000000; text-decoration:underline;}
#switch_lang .active{
    border:#004ea2 solid 1px;
    background-color:#ffffff;
    color:#004ea2;
    }
#switch_lang .active:hover { color:#004ea2; text-decoration:none;}
/*---------- header(e)----------*/
/*---------- nav(s)----------*/
#main_nav { 
    clear:both;
    height:80px;
    margin:0;
    padding:0;	
    }
#main_nav ul, #main_nav li {
    margin:0;
    padding:0;
    }
#main_nav li { float:left; }
#main_nav li, #main_nav li a,  #main_nav li a:link {
    background-image: url(../images/jnav.png);
    background-repeat: no-repeat;
    width:140px;
    height:80px;
    display:block;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    }
#main_nav #nav01, #main_nav #nav01 a, #main_nav #nav01 a:link { background-position: 0 0;	}
#main_nav #nav02, #main_nav #nav02 a, #main_nav #nav02 a:link { background-position: -140px 0; }
#main_nav #nav03, #main_nav #nav03 a, #main_nav #nav03 a:link { background-position: -280px 0; }
#main_nav #nav04, #main_nav #nav04 a, #main_nav #nav04 a:link { background-position: -420px 0; }
#main_nav #nav05, #main_nav #nav05 a, #main_nav #nav05 a:link { background-position: -560px 0; }
#main_nav #nav06, #main_nav #nav06 a, #main_nav #nav06 a:link { background-position: -700px 0; }
#main_nav #nav07, #main_nav #nav07 a, #main_nav #nav07 a:link { background-position: -840px 0; }

#main_nav li:hover, #main_nav li a:hover, #main_nav li.active a { background-image: url(../images/jnav_on.png) ; }
#main_nav #nav01:hover, #main_nav #nav01 a:hover { background-position: 0 0; }
#main_nav #nav02:hover, #main_nav #nav02 a:hover { background-position: -140px 0; }
#main_nav #nav03:hover, #main_nav #nav03 a:hover { background-position: -280px 0; }
#main_nav #nav04:hover, #main_nav #nav04 a:hover { background-position: -420px 0; }
#main_nav #nav05:hover, #main_nav #nav05 a:hover { background-position: -560px 0; }
#main_nav #nav06:hover, #main_nav #nav06 a:hover { background-position: -700px 0; }
#main_nav #nav07:hover, #main_nav #nav07 a:hover { background-position: -840px 0; }

#main_nav h1 { margin:0; }
/*---------- nav(e)----------*/
/*---------- footer(s)----------*/
#main_footer {
    clear:both;
    text-align:center;
    margin:0;
    padding-top:40px;
    }
#footer {
    border-top:#bfc0c4 solid 1px;
    background-color:#ced1d8;
    margin:10px 0 0 0;
    padding-bottom:16px;
    }
#footer nav {
    text-align:left;
    float:left;
    margin:10px 0;
    }
#footer nav a {
    font-size:11px;
    margin-right: 20px;
    }
#copyright {
    font-size:11px;
    float:right;
    text-align:right;
    margin:10px 0;
    }
/*---------- footer(e)----------*/
/*--------------------  common(s)  ----------------------*/

/*----------------------  top(s)  -----------------------*/
#feature { background:#eeeeee url(../images/bg_feature.gif) left top repeat-x; }
#slider ul {
    width:700px;
    height:379px;
    margin:0;
    padding:0;
    }
.info {
    background-color:#f7f7f7;
    box-shadow:#999999 0 1px 1px;
    float:right;
    width:275px;
    }
.info header {
    border-bottom: #ffc600 solid 4px;
    padding:5px 5px 0;
    }
.info h1 {
    float:left;
    font-size:22px;
    margin: 5px;
    }
.see_more { float:right; }
#release_info .see_more { line-height:18px; margin: 2px 0 0; }
.see_more a {
	background: transparent url(../images/arrow_y.png) left 3px no-repeat;
	font-size:11px;
	padding-left:12px;
	}

.info ul {
    height:315px;
    overflow-y:scroll;
    overflow:auto;
    margin:0;
    padding:0;
    }
.info ul li {
    border-top: #ffffff solid 1px;
	border-bottom:#999999 dotted 1px;
	padding:2px 10px;
	}
.info ul li p, .info ul li p a {
    font-size:11px;
    line-height:14px;
    margin:2px 0;
    }
.info .title { font-weight:bold; }
.info ul li p img {
    vertical-align:middle;
    margin-left: 2px;
    }
#feature_banner { clear:both; }
#feature_banner ul { margin:0; padding:0; }
#feature_banner li {
    display:block;
    background-color:#ffffff; 
    float:left;
    height:117px;
    margin:12px 5px;
    }
#feature_banner li img { box-shadow:#666666 1px 1px 2px; }
#feature_banner li a:hover { display:block; height:117px; opacity: 0.8; }

.like {
    text-align:center;
	margin:20px auto 0;
    }
#right_column .like { margin:0; text-align:right; }
.like #twitter-widget-0{ vertical-align:middle; }

#lineup {
    border-top:#ffffff solid 1px;
    border-bottom:#ffffff solid 1px;
    background:#1059aa url(../images/bg_blue.gif) left top repeat;
    }
#lineup h1 {
    color:#ffffff;
    font-size:28px;
    text-shadow: #333333 1px 1px 1px;
    margin:20px 0 10px;
    }
#lineup h1 .small_text {
	color:#ffffff;
	margin-left:10px;
	}
#lineup ul {
    margin:0;
    padding:0;
    }

.category_l {
    width:750px;
    float:left;
    }
#lineup li {
    display:block;
    background-color:#f7f7f7;
    float:left;
    }
#lineup .category_l li{
    border:#ffffff solid 2px;
    box-shadow:#2e5178 0 1px 2px;
    width:357px;
    height:143px;
    margin: 0 13px 15px 0;
    }
#lineup li img {  
    float:left;
    margin: 0;
    }
#lineup .category_l li, #lineup li img {
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  3px ;   /* Firefox用 */
	}
#lineup li img:hover { opacity:0.8; }
#lineup .category_m {
    margin: 10px 0 0 128px;
    max-height: 123px;
    overflow: hidden;
}
#lineup .category_m li {
    border: none;
    line-height:14px;
    font-size:12px;
    box-shadow:none;
    width:auto;
    height:auto;
    float:none;
    margin: 0px 5px 8px;
    }
#lineup .category_m li a { line-height:14px ; }
#lineup .category_l .import li { float:left; margin-right:15px; }

#top_bannerarea {
    float:right;	
	}
.top_bannerarea {
    border:#ffffff solid 1px;
    box-shadow:#2e5178 0 1px 2px;
    width:226px;
	margin-bottom:10px;
    }
.top_bannerarea img, #banner_area img {
    display:block;
    margin:5px auto ;
    }
#top_bannerarea .banner_s:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    }
#top_bannerarea .banner_s img {
	float:left;
	margin:5px 0 5px 6px;
	}
.top_bannerarea a:hover img, #banner_area a:hover img { opacity: 0.8; }

#infoarea { margin-top:25px; }
#news {
	border:#aaaaaa solid 1px;
	box-shadow:none;
    float:left;
    width:310px;
    }
.twitter {
	border:#aaaaaa solid 1px;
    width:310px;
    height:408px;
    float:left;	
    margin-left:22px;
    }
.note {
    color:#666666;
    background-color:#dddddd;
    font-size: 11px;
	line-height:14px;
    margin:0;
    padding:5px;
    }
/*----------------------  top(e)  -----------------------*/
/*----------------------  list(s) -----------------------*/
#left_column {
	float:left;
	margin-top:15px;
	}
#right_column {
	float:right;
	border-left: #999999 dotted 1px;
	width:720px;
	margin-top:15px;
	padding-left:15px;
	}
#left_menu {
	border:#ffffff solid 1px;
	background:#1059aa url(../images/bg_blue.gif) left top repeat;
	width:222px;
	margin-right:18px;
	}
#right_column h1 {
	font-size:28px;
	text-align:center;
	}
#right_column h1 span { font-size:18px; }
.category_top section { display:table-cell; vertical-align: middle; 
	border:#ffffff solid 2px;
    background-color:#ffffff;
	box-shadow:#999999 1px 1px 2px;
	width:330px;
	float:left;
	margin: 0 12px 25px ;
	}
.category_top section, .category_top section img {
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  3px ;   /* Fixsrefox用 */  
	}
.category_top section img { float:right; }
.category_top a:hover section img { opacity:0.8; }

.category_top section h2, .category_top section p {
	width:200px;
	margin-left:8px;
	}
.category_top section h2 {
	font-size:16px;
	line-height:18px;
	vertical-align:bottom;
	margin-top:15px;
	margin-bottom:0;
	}
.category_top section p {
	border-top:#cccccc solid 1px;
	color:#666666;
	font-size:11px;
	line-height:14px;
	margin-top:5px;
	padding-top:5px;
	}

#category_nav p {
	color:#ffffff;
	margin:5px 10px;
	}
#category_nav ul {
	border:#cccccc solid 1px;
	background-color: #ffffff;
	margin:0 0 10px 0;
	padding:0;
	}
#category_nav ul li {
	border-bottom:#cccccc dotted 1px;
	font-size:14px;
	}
#category_nav ul li a { 
	display:table-cell;
	height:60px;
	width:200px;
	vertical-align:middle;
	color:#222222;
	font-size:14px;
	padding:0 10px;
	}
#category_nav ul li a p {
	color:#222222;
	font-size:14px;
	margin:0;
	}
#category_nav ul li a:hover { text-decoration:none; }
#category_nav ul li:hover, #category_nav ul li.active {
	background:#eff3ff url(../images/category_nav_on.png) right 50% no-repeat;
	}

#list_product, .list_dl {
	clear:left; 
    margin:0;
	padding:0;
	}

#right_column section { position:relative; }

#list_refine, #list_year {
	border:#cad1e6 solid 1px;
	background-color:#ffffff;	
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  3px ;   /* Firefox用 */
	margin: 0 0 25px;
	padding:4px ;
	}

#list_refine li, #list_year li {
	float: left;
	margin: 5px;
	}
#list_refine li a, #list_year li a {
	display:block;
	font-size:11px;
	line-height: 30px;
	height:30px;
	letter-spacing:0.2px;
	padding:0 5px;
	}
#list_refine li:hover, #list_refine li.active, #list_refine li a:hover, #list_refine li.active a, 
#list_year li:hover, #list_year li.active, #list_year li a:hover, #list_year li.active a {
	color:#ffffff;
	background-color:#002956;
    border-radius: 4px;       /* CSS3草案 */  
    -webkit-border-radius: 4px;     /*  Safari,Google Chrome用*/
    -moz-border-radius: 4px;   /*  Firefox用 */
	text-decoration:none;
	}
#list_year .list_text:hover{
	color:#333333;
	background-color:transparent;
	border:none;
	}

#list_product li, .list_dl li {
	border:#e8eaf0 solid 1px;
	background-color:#ffffff;
	float:left;	
	position:relative;
	width:168px;
	height:210px;
	overflow:hidden;
	margin:0 5px 20px;
	}
#list_product li:hover { border:#8e9fb2 solid 1px; }
#list_product li .badge_new, .list_dl li .badge_new {
	display:block;
	position: absolute;
	top:-1px;
	left:-1px;
	z-index:3;
	}
#list_product li .thumb, .list_dl li .thumb {
	border-bottom:#e8eaf0 dotted 2px;
	display:block;
	display:table-cell;
	/* IE8用ハック*/
	display /*\**/: inline-block\9;
	text-align:center;
	vertical-align:middle;
	width:168px;
	height:130px;
	overflow:hidden;
    }
#list_product li .thumb span.vg, .list_dl li .thumb span.vg{
	vertical-align:middle;
	text-align:center;
	line-height:130px;
	overflow:hidden;
	}
#list_product li .thumb img, .list_dl li .thumb img {
	font-size: 1px;
	vertical-align:middle;
	max-width:120px;
	max-height:120px;
	}
#list_product li p, .list_dl li p {
	font-size:11px;
	font-weight:bold; 
	line-height:12px;
	margin:5px;
	}



.infolist ul {	
	border-top:#999999 dotted 1px;
    margin:0;
    padding:0;
    }
.infolist ul li {
	border-top:#ffffff dotted 1px;
	border-bottom:#999999 dotted 1px;
	padding: 10px;
	}
.infolist ul li:nth-child(even) { background-color:#eff0f4;}
.infolist ul li p, .infolist ul li p a {
	font-size:12px;
	line-height:14px;
	margin:5px 0;
	}
.infolist .title {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	}
.infolist ul li p img {
	vertical-align:middle;
	margin-left: 5px;
	}


/*----------------------  list(e)  -----------------------*/
/*---------------------  product(s) ----------------------*/
#product_img, #product_text01 { float:left; } 
#product_img { width:285px; margin-bottom:20px; }
#product_text01 { width:430px; position:relative; }

#main_img, #product_img li { border:#ffffff solid 1px; background-color:#fff7d5; }
#main_img {
	display: block;
	display:table-cell;
	/* IE8用ハック*/
	display /*\**/: inline-block\9;
	text-align:center;
	vertical-align:middle;
	width:248px;
	height:248px;
	}
#main_img span.vg{ 
	vertical-align:middle;
	text-align:center;
	line-height:248px;
  }
#main_img img {
	vertical-align:middle;
	max-width:248px;
	max-height:248px;
	}


#product_img ul {
	margin-left:2px;
	padding:0;
	}
#product_img li {
	display:block;
	display:table-cell;
	/* IE8用ハック*/
	display /*\**/: inline-block\9;
	vertical-align:middle;
	text-align:center;
	width:40px;
	height:40px;
	float:left;
	margin:0 3px ;
	}
span.list_img {
	vertical-align:middle;
	text-align:center;
	line-height:40px;
	}
#product_img li img {
	vertical-align:middle;
	max-width:40px;
	max-height:40px;
	}
#product_img li:hover { border-color: #ffcc00; }
#product_img  .note { background-color:#e8eaf0;}
#product_detail h1{
	text-align:left;
	margin: 0;
	}
#product_detail .product_num, #product_detail .product_describe {
	font-size:14px;
	margin:5px 0;
	}
#product_img p {
	color:#666666;
	width:248px;
	font-size:11px;
	text-align:center;
	}
#btn_dl {
	border:#cccccc solid 1px;
	background-color:#ffffff;
	text-align:center;
	width:400px;
	margin: 0 10px 10px;
	}
.btn_gray {
	display:inline-block;	
	margin:0 5px 10px;
	}
.btn_gray, #btn_dl .btn_gray a{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	width:170px;
	height:35px;
	line-height:35px;
	}
#btn_dl .btn_gray a { display:block; }
#btn_dl .btn_gray a:hover { opacity:0.7; text-decoration:none; }

#btn_dl #btn_pop a, .btn_p a {
	background:#66a10a;
	background: -moz-linear-gradient(top, #6daa0d, #609907);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#6daa0d), to(#609907));　/* Safari,Google Chrome用 */ 
	}
#btn_dl #btn_order a, .btn_o a {
	background:#fb640f;
	background: -moz-linear-gradient(top, #ff7725, #f85800);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#ff7725), to(#f85800));　/* Safari,Google Chrome用 */ 
	}
#product_text02, #product_color  {
	border-top:#cccccc solid 1px;
	clear:left;
	margin-bottom:20px;
	padding-top:10px;
	}
#product_text02 img {
	display:block;
	margin:10px auto;
	}
#product_detail h2 { font-size:18px; }

/*-------- color lineup(s)  --------*/
#lineup_color {
	margin:0;
	padding:0;
	}
#lineup_color li {
	border:#e8eaf0 solid 1px;
	background-color:#ffffff;
	float:left;
	width:132px;
	height:140px;
	margin:5px;
	}
#lineup_color li:hover { border:#8e9fb2 solid 1px; }
#lineup_color li img {
	border:#cccccc solid 1px;
	width:40px;
	height:40px;
	float:left;
	margin: 0 5px 5px 0
	}
#lineup_color li div {
	border:#cccccc solid 1px;
	width:40px;
	height:40px;
	float:left;
	margin: 0 5px 5px 0
	}
#lineup_color li p, #lineup_color li span {
	font-size:10px;
	line-height:12px;
	margin: 2px 5px 5px;
	}           
#lineup_color li a:hover { text-decoration:none; }
#lineup_color li .c_name {
	clear:left;
	font-weight:bold;
	margin: 5px 0 5px 5px;
	}
#lineup_color li span {
	color:#ffffff;
	background-color:#999999;
	line-height:10px;
	margin-left:0;
	padding: 0 2px;
	}
/*-------- color lineup(e)  --------*/

/*---------------------  product(e) ----------------------*/
/*---------------------  import(s) -----------------------*/
.import #left_menu nav li { padding:0;}
.import #left_menu nav li a { padding-top:0; padding-bottom:0; }
.import #left_menu nav li img {
	float:left;
	width:60px;
	margin-right:5px;
	}
.import #left_menu nav li a p {
	display:table-cell;
	height:60px;
	vertical-align:middle;
	color:#222222;
	}

.logo_import {
	display: table-cell;
	width:718px;
	height:126px;
	background: transparent url(../images/bg_importTitle.png) center bottom no-repeat;
	vertical-align:middle;
	text-align:center;
	padding-top:10px;
	}
.import .link_brand {
	text-align:center;
	margin:10px auto;
	}
.import .link_brand a:link {
	color:#0070e8;
	font-weight:bold;
	}
.import .link_brand img{ margin-right:2px; margin-left:-5px; }
.import #right_column h1 { margin:0 auto; }
.import #right_column #list_refine { margin-bottom:10px; }
#list_month {
	clear:both;
	border:#cad1e6 solid 1px;	
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  3px ;   /* Firefox用 */
	background-color:#ffffff;
	margin:0 auto;
	padding:0 10px;
	}
#list_year { margin-bottom: 0; padding: 0px 4px; }
#list_year li { line-height:30px; margin:3px 5px;}
#list_month li {
	float:left;
	margin:0 6px;
	padding:0;
	}
#list_month li, #list_month li a {
	display:block;
	height:30px;
	line-height:30px;
	width:46px;
	text-align:center;
	}
#list_month li a:hover {
	background-color:#ffd200;
	text-decoration:none;
	}
#select_sort { margin:10px 0 5px; }

.section_monthly {
	clear:both;
	border-top: #ffffff dotted 1px;
	border-bottom: #999999 dotted 1px;
	}
.section_monthly h2 {
	font-size:18px;
	}
/*---------------------  import(e) -----------------------*/

/*------------------  after support(s) -------------------*/
.panel {
	background-color:#ffffff;
     border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  4px ;   /* Firefox用 */
	padding: 10px;
	margin:10px 0 20px;
	}
.panel a {
	color:#0070e8;
	font-weight:bold;
	}
#right_column .howto h1 {
	background-color:#ffd300;
     border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px ;    /* Safari,Google Chrome用 */  
    -moz-border-radius:  4px ;
	border:#ffffff solid 1px;
	font-size:22px;
	line-height:40px;
	margin-bottom:0;
	}
.panel h2 {
	font-size:18px;
	margin:5px 0 0;
	padding-bottom:5px;
	}
.howto h2 {	border-bottom:#ffe04d solid 2px; }
.howto h2 a{ float:right; }
.howto ul { margin:5px 0 30px; }
.list_styled li { list-style: square; }
#howto_order .list_styled li { list-style: decimal; }
.directions .list_styled li {
	border-bottom:#cccccc dotted 1px;
	}
.directions .list_styled li a {
	display:block;
	height:36px;
	line-height:36px;
	}
.panel .address {
	background-color:#bedfff;
	margin:10px 0;
	padding: 2px 10px;
	}
.panel p { font-size:12px; line-height:22px; }
.panel .attention { font-size:12px; }
.panel .note, .panel .note .attention { font-size:11px; line-height:16px; }

#select_parts {
	display:block;
	margin:10px auto;
	padding:5px;
	}
p.message {
	color:#999999;
	font-size:18px;
	text-align:center;
	padding:30px;
	}

div[class^="support_parts_detail"] {
	display:none;
}
div[class^="support_parts_detail"] table{
	width:80%;
	margin:0 auto;
	}
div[class^="support_parts_detail"] caption {
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
	}
div[class^="support_parts_detail"] table th, div[class^="support_parts_detail"] table td {
	border:#dddddd solid 1px;
	padding:5px 10px;
	}
div[class^="support_parts_detail"] th { background-color:#eff3ff; }
.td_num { text-align:center; }
.td_price { text-align: right; }
.parts_img {
	background-color:#f4f4f4;
	text-align:center;
	margin:15px auto;
	padding:15px 10px 10px;
	}

/*------------------  after support(e) -------------------*/

/*----------------------  contact(s) -------------------------*/
.faq {
	margin-bottom:20px;
	}
a.btn_blue {
	display:block;
	background:#004ea2;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:170px;
	height:35px;
	line-height:35px;
	margin:0 auto;
	background: -moz-linear-gradient(top, #1c68ba, #004ea2);  
    background: -webkit-gradient(linear, left top, left bottom, from(#1c68ba), to(#004ea2));
	}
.btn_blue:hover {
    opacity:0.7;
	text-decoration:none;
	}
.faq h2 {
	color:#1059aa;
	background: transparent url(../images/icon_q.png) left top no-repeat;
	padding-left:40px;
	line-height:30px;
	padding-top:6px;
	}

.faq p {
	background: transparent url(../images/icon_a.png) 20px top no-repeat;
	border-bottom:#cccccc dotted 1px;
	padding: 6px 0 10px 60px;
	margin-bottom:20px;
	}
.to_pageTop { 
    text-align:right;
	margin: 0 0 10px 0;
	}
.to_pageTop a { margin: 0 5px; }

#contact_form { width:100%; }
#contact_form caption {
	text-align:left;
	margin:10px;	
	}
#contact_form th, #contact_form td { padding:10px; }
#contact_form th { background:#eff3ff; }
#contact_form td { border:#dddddd solid 1px; }
#contact_form #btn_submit { border:none; text-align:center;}
/*----------------------  contact(e) -------------------------*/
/*------------------ trade law(s) -------------------*/
.law h2{ border-bottom: #e8eaf0 solid 2px; margin-bottom:10px; }
.law table th, .law table td { padding:5px; }
.law table th {
	width:120px;
	text-align:right;
	vertical-align:text-top;
	}
.law li {
	list-style: square;
	}
/*------------------ trade law(e) -------------------*/
/*------------------ order pop(s) -------------------*/
.order_pop h2{
	border-top:#999999 dotted 1px;
	font-size:22px;
	padding-top:10px;
	margin-bottom:5px;
	}
.dl_box {
	border:#e8eaf0 solid 1px;
	background-color:#ffffff;
	padding: 10px;
	margin:10px auto ;
	}
.dl_text {
	font-size:14px;
	font-weight:bold;
	vertical-align:text-bottom;
	float:left;
	width:400px;
	}
.dl_box .btn_order_pop { float:right; }
.btn_order_pop a { display:block; }
.btn_order_pop, .btn_order_pop a {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	width:140px;
	height:26px;
	line-height:26px;
	text-align:center;
	}
.dl_box .btn_order_pop, .dl_box .btn_order_pop a {
	width:200px;
	height:35px;
	font-size:14px;
	line-height:35px;
	margin-top:5px;
	}
.btn_order_pop a:hover { opacity:0.7; text-decoration:none; }

.list_dl li{ height:230px; }
.list_dl li .product_name { height:24px; overflow:hidden; }
.list_dl .btn_order_pop { margin: 10px auto 0; }

/*------------------ order pop(e) -------------------*/
/*--------------- about Mr.hobby(s) -----------------*/

.sub_title, .highlight {
	font-weight:bold;
	text-align:center;
	text-shadow:#ffffff 1px 1px 1px, #ffffff -1px -1px 1px;
	} 
.sub_title {
	font-size:18px;
	color:#004ea2;
    }
.highlight {
	font-size:24px;
	color:#ffc600;
	margin:0;
	}
#about_gunsan {
	border-top:#999999 dotted 1px;
	margin-top:20px;
	padding-top:20px;
	}
#about_gunsan h2{
	font-size:18px;
	font-weight:bold;
	}
#gun_san_main {
	display:block;
	margin: 0 auto 20px;
	}

#gun{
	background: url(../images/about_03.png) left top no-repeat;
	height:145px;
	padding:10px 10px 10px 170px;
	 }
#san{
	background: url(../images/about_04.png) right top no-repeat;
	height:138px;
	padding:10px 170px 10px 10px;
	margin-top:10px;
	}
#gun_April{
	background: url(../images/about_03_April.jpg) left top no-repeat;
	height:145px;
	padding:0px 10px 10px 170px;
	 }

.chara_name {
	font-size:16px;
	font-weight:bold;
	margin:10px 0;
	}
#san .chara_name { text-align:right; }

#about_gunsan .panel {
	padding:5px 20px;
	}
#about_gunsan .panel p {
	color:#666666;
	font-size:11px;
	line-height:16px;
	margin:5px 0;
	}
/*--------------- about Mr.hobby(e) -----------------*/
/*------------------ sitemap(s) ---------------------*/
#sitemap h2 a {
	color:#333333;
	font-weight:normal;
	font-size:18px;
	}
#sitemap h2 a:hover {
	color:#666666;
	text-decoration:underline;
	}
.sitemap_link ul { margin:0; padding:0; }
.sitemap_link li {
	float:left;
	list-style:none;
	 line-height:12px;
	width:220px;
	margin:5px;
	}
.sitemap_link li a { font-size:11px; }
/*------------------ sitemap(e) ---------------------*/
/*------------------column(s) ---------------------*/
.special { background-color:#ffffff; padding:0 10px 20px; }
.special p.sub_text {
	width:640px;
	margin:10px auto;
	}
.special p { font-size:12px; }
.special .floatImg {
	float:left;
	margin-right:10px;
	}
.special .divBox {
	margin: 10px 0;
	}

.special hr { border:#5B9BD5 solid 1px; }

#right_column .interview h1 { margin:0; padding-top:10px; }
.text_blue, .text_blue span { color:#004ea2; }
.text_pink, .text_pink span { color:#ff458f; }
.special .guest_profile p{
	font-size:11px;
	width:500px;
	margin:10px auto;
	}
.guest_profile img { display:block; margin:10px auto; }
.strong { font-size:12px; font-weight:bold; }

.border_dot_top { border-top:#000000 dotted 1px; padding-top:10px; }
.border_dot_bottom { border-bottom:#000000 dotted 1px; padding-bottom:10px; }

.interview_area {
	border:#ffffff solid 1px;
	background: transparent url(../images/column/interview/bg_gray.gif) left top repeat;
	margin: 10px 0 0;
	padding:10px 10px 20px;
	}
.interview_area .comment { background-color:#ffffff; }
.gun_left_narrow p, .gun_right_narrow p,
.san_left_narrow p, .san_right_narrow p,
.guest_left_narrow p, .guest_right_narrow p,
.gunsan_left_narrow p, .gunsan_right_narrow p 
	{ width:200px; }
.gun_left_wide p, .gun_right_wide p,
.san_left_wide p, .san_right_wide p,
.guest_left_wide p, .guest_right_wide p,
.gunsan_left_wide p, .gunsan_right_wide p
	{ width:400px; }

.gun_left_wide .comment, .gun_right_wide .comment, .gun_left_narrow .comment, .gun_right_narrow .comment{ border:#004ea2 solid 2px; }
.san_left_wide .comment, .san_right_wide .comment, .san_left_narrow .comment, .san_right_narrow .comment{ border:#ff458f solid 2px; }
.guest_left_wide .comment, .guest_right_wide .comment, .guest_left_narrow .comment, .guest_right_narrow .comment{ border:#000000 solid 2px; }
.gunsan_left_wide .comment, .gunsan_right_wide .comment, .gunsan_left_narrow .comment, .gunsan_right_narrow .comment{ border:#ffc600 solid 2px; }

.gun_left_wide .comment, .gun_left_narrow .comment, 
.san_left_wide .comment, .san_left_narrow .comment, 
.guest_left_wide .comment, .guest_left_narrow .comment, 
.gunsan_left_wide .comment, .gunsan_left_narrow .comment {
	float:left;
	padding: 10px 20px 10px 30px;
	margin-left:90px;
	}
.gun_right_wide .comment, .gun_right_narrow .comment, 
.san_right_wide .comment, .san_right_narrow .comment,
.guest_right_wide .comment, .guest_right_narrow .comment,
.gunsan_right_wide .comment, .gunsan_right_narrow .comment {
	float:right;
	padding: 10px 30px 10px 20px;
	margin-right:90px;
	}

.gun_left_wide, .san_left_wide, .guest_left_wide,  .gunsan_left_wide, 
.gun_right_wide, .san_right_wide, .guest_right_wide, .gunsan_right_wide, 
.gun_left_narrow, .san_left_narrow, .guest_left_narrow,  .gunsa_left_narrow, 
.gun_right_narrow, .san_right_narrow, .guest_right_narrow, .gunsan_right_narrow
 {
	position:relative;
	margin:0 0 10px;
	min-height:120px;
	}

.gun_left_wide img, .gun_left_narrow img, 
.san_left_wide img, .san_left_narrow img, 
.guest_left_wide img, .guest_left_narrow img, 
.gunsan_left_wide img, .gunsan_left_narrow img  {
	position:absolute;
	left:0;
	top:-10px;
	}

.gun_right_wide img, .gun_right_narrow img, 
.san_right_wide .comment, .san_right_narrow img,
.guest_right_wide img, .guest_right_narrow img,
.gunsan_right_wide img, .gunsan_right_narrow img {
	position:absolute;
	right:0;
	top:-10px;
	}
.special .column_link { text-align:center; }
.special .column_link span { margin: 0 2px; }
.special .column_link a {
	border:#cccccc solid 1px;
	color:#0070e8;
	padding:5px;
	}
.sub_area { clear:left;}
.sub_area h2{
	border-top:#999999 dotted 1px;
	font-size:22px;
	padding-top:10px;
	margin-bottom:5px;
	}
/*------------------ column(e) ---------------------*/
.panel p.privacy_text {
    color:#666666;
    background-color:#eaeef7;
    font-size: 11px;
	line-height:14px;
    margin:10px 0 0;
    padding:10px;
    }
/*------------------ special collabo(s) ---------------------*/	
#wowsCollaboKit h2 {
	font-size: 1.4rem;
	line-height:1.6rem;
	}
#wowsCollaboKit h3 {
	font-size:1rem;
	line-height:1.2rem;
	}
#wowsCollaboKit .outline p {
	font-size:0.8rem;
	line-height:1.2rem;
	}
#wowsCollaboKit .clearfix img {
	float:left;
	margin-right:1.6rem;
	margin-bottom:0.6rem;
	}
#wowsCollaboKit .contents_box {
	background-color:#ffffff;
	margin:1rem 0;
	padding: 0.4rem 1rem 1rem;
	}
#wowsCollaboKit .contents_box ul { margin-bottom:2rem;}
#wowsCollaboKit .contents_box .clearfix ul { margin-bottom:1rem;}
#wowsCollaboKit .contents_box ul li { list-style: disc; }
#wowsCollaboKit .contents_box ol li { list-style: decimal;}
#wowsCollaboKit .contents_box li { margin:0.4rem 0;}
#wowsCollaboKit #list_product p {
	height:1.8rem;
	line-height:0.9rem;
	}
#wowsCollaboKit .clearfix .thumb img { float:none; margin-right:0; margin-left:0;}
#wowsCollaboKit .clearfix li p img {
	margin-right:0.2rem;
	margin-left:1rem;
	}
.text_link { color:#004ea2; }
#wowsCollaboKit .text_link {
	display:inline-block;
	margin: 0.6rem auto;
	}
/*------------------ special collabo(e) ---------------------*/