@charset "utf-8";
/* CSS Document */
/* all common.css */

body {
	line-height: 1.4;
	margin: 0;
	padding: 0;
	color: #333;
	background: #dddddd;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-text-size-adjust:100%;
}
#wrapper {
	margin: 0 auto -20px;
	padding: 0 40px;
	width: 950px;
	background-color:#ffffff;
}
/* ----------------------------------------------------------------
	Image
----------------------------------------------------------------- */
img {
	max-width:100%;
	height:auto;
}
/* ----------------------------------------------------------------
	Text
----------------------------------------------------------------- */
p {
	margin:0 0 20px 0;
	padding:0;
	line-height:1.5;
}
p.caption {
	margin-top:5px;
}
/* ----------------------------------------------------------------
	Link
----------------------------------------------------------------- */
a:link, a:visited {
	color:#f15500;
	text-decoration:none;
	outline:0;
}
a:hover, a:active, a:focus {
	text-decoration:underline;
}
.link_close a {
	float:right;
}
.link_close a:link, .link_close a:visited,
.link_close a:hover, .link_close a:active, .link_close a:focus {
	color:#333333;
	text-decoration:none;
}
.link_popup a:link, .link_popup a:visited,
.link_popup a:hover, .link_popup a:active, .link_popup a:focus {
	color:#333333;
}
.link_pagetop {
	text-align:right;
	margin:0 20px 20px 0;
}

/* ----------------------------------------------------------------
	Icon Font
----------------------------------------------------------------- */
.fi {
	margin-right:5px;
}
.fi_r {
	margin-left:5px;
}
.fi-page-copy {
	color:#999;
}
.btn .fi {
	margin-right:10px;
}

/* ----------------------------------------------------------------
	Heading
----------------------------------------------------------------- */
h1 {
	margin:0 0 20px 0;
	padding: 10px 20px;
	color: #000000;
	font-size: 20px;
	font-weight: normal;
	background: #e2e2e2 url(../img/h1_bg.png) repeat left top;
	background: -moz-linear-gradient(top,#f9f9f9 0,#d2d2d2 100%);
	background: -webkit-gradient(linear,0 0,0 100%,from(#f9f9f9),to(#d2d2d2));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-pie-background: linear-gradient(90deg,#d2d2d2,#d2d2d2,#f9f9f9);
	-webkit-border-radius: 5px;
}
h2 {
	margin:0 0 20px 0;
	padding:5px 15px;
	font-size:18px;
	font-weight:bold;
	border-left:5px solid #ffc10e;
}
h3 {
	margin:0 0 20px 0;
	padding:5px 5px;
	color:#333333;
	font-size:16px;
	font-weight: bold;
	border-bottom:1px solid #ffc10e;
}
h3 span.info_cat {
	display: inline-block;
	background: #ff7f00;
	color: #ffffff;
	margin-right: 10px;
	font-weight: normal;
	padding: 2px 8px;
    font-size: 16px;	
}
h3 span.campaign_cat {
	display: inline-block;
	background: #f13737;
	color: #ffffff;
	margin-right: 10px;
	font-weight: normal;
	padding: 2px 8px;
    font-size: 16px;
}
h4 {
	margin:0 0 10px 0;
	padding:0 20px 0 26px;
	font-size:14px;
	font-weight:bold;
	background:#FFFFFF url(../img/h4_icon.png) no-repeat left 3px;
}
h5,
.note_ttl {
	margin:0 0 10px 0;
	padding:0 3px 3px 3px;
	font-size:14px;
	font-weight:bold;
	border-bottom:2px dotted #d2d2d2;
}
h6 {
	font-weight: bold;
	margin:0 0 10px 0;
}

/* ----------------------------------------------------------------
	Button
----------------------------------------------------------------- */
.btn_positive, .btn_negative, .btn_cart, .btn_download, .btn_download_2col, .btn_no_active {
	width:auto;
	margin:10px 0;
	border-radius: 5px;
}
.btn_positive a, .btn_negative a, .btn_cart a, .btn_download a, .btn_download_2col a, .btn_no_active a {
	text-decoration:none;
}
.btn_small, .btn_small input[type="submit"],  .btn_small input[type="button"] {
	min-width:inherit;
	font-size:12px;
	/*padding:4px 0;*/
	line-height:1;
}
.btn_positive {
	background:#ffbe04 url(../img/btn_positive_off.png) repeat-x left top;
	background-size:contain;
}
.btn_positive:hover {
	background:#ffd660 url(../img/btn_positive_on.png) repeat-x left top;
	background-size:contain;
}
.btn_negative {
	background:#b8b8b8 url(../img/btn_negative_off.png) repeat-x left top;
	background-size:contain;
}
.btn_negative:hover {
	background:#dfdfdf url(../img/btn_negative_on.png) repeat-x left top;
	background-size:contain;
}
.btn_cart, .btn_download {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
}
.btn_cart:hover, .btn_download:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}
.cart_red .btn_cart{
    background: #FD5200 url(../img/btn_cart_off_red.png) repeat-x left top;
	background-size:contain;
}
.cart_red .btn_cart:hover {
	background:#FD5200 url(../img/btn_cart_on_red.png) repeat-x left top;
	background-size:contain;
}
.btn_download_2col {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
	width: 48%;
	float: left;
	margin-right: 2%;
}
.btn_download_2col:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}
.btn_no_active{
	background-color:#eee;
}
.btn_positive a, .btn_negative a{
	display: block;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.btn_cart a, .btn_download a  {
	display: block;
	padding: 10px 25px 8px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.btn_download_2col a  {
	display: block;
	padding: 10px 25px 8px;
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.btn_download_2col a  {
	padding: 10px 15px 8px;
}
.btn_no_active a{
	display: block;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #ccc;
	text-align: center;
}
/*.btn_small a {
	padding:3px 10px;
}
.btr {
	margin-left:10px;
}
.btc {
	margin-left:10px;
	margin-right:10px;
}
.btl {
	margin-right:10px;
}*/
.btn_box {
	width:100%;
	height:auto;
	position:relative;
	margin-bottom:20px;
}
.btn_boxb {
	margin:0;
	position:absolute;
	right:0;
	bottom:0;
}
.btn_cnt_small {
	margin:0 auto 20px;
	width:200px;
}
.btn_cnt_middle {
	margin:0 auto 20px;
	width:400px;
}
.btn_cnt_large {
	margin:0 auto 20px;
	width:600px;
}


input[type="submit"], input[type="button"], button {
	background:none;
	background-size:contain;
	border: 0;
	width: 100%;
	padding: 8px 10px 6px;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	text-align: center;
	cursor: pointer;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-appearance: none;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	background:none;
	background-size:contain;
}
.btn_no_active input[type="submit"], .btn_no_active  input[type="button"], .btn_no_active button {
	background-color: inherit;
	padding: 8px 10px 6px;
	border: 0;
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	color: #ccc;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-appearance: none;
} 
.btn_cart button, .btn_download button {
	background:#006c13 url(../img/btn_cart_off.png) repeat-x left top;
	background-size:contain;
	padding: 10px 20px 8px;
	border: 0;
	width: 100%;	
	font-size: 120%;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-appearance: none;
	border-radius: 5px;
}
.btn_cart button:hover, .btn_download button:hover {
	background:#089700 url(../img/btn_cart_on.png) repeat-x left top;
	background-size:contain;
}
.cart_red .btn_cart button{
    background: #FD5200 url(../img/btn_cart_off_red.png) repeat-x left top;
	background-size:contain;
}
.cart_red .btn_cart button:hover {
	background:#FD5200 url(../img/btn_cart_on_red.png) repeat-x left top;
	background-size:contain;
}
.btn_large .btn_cart button{
	padding: 15px;
    font-size: 135%;
}
.btn_cart_text, .btn_download_text {
	text-align: center;
	margin: 20px 0;
}
.btn_cart_text a, .btn_download_text a  {
	font-size: 120%;
	font-weight: bold;
	color: #048109;
	padding: 0 20px;
	text-decoration: underline;
}
.btn_cart_text a:hover, .btn_download_text a:hover  {
	opacity: 0.7;
}
.btn_cart_text button, .btn_download_text button {
	font-size: 120%;
	font-weight: bold;
	color: #048109;
	padding: 0 20px;
	text-decoration: underline;
}
.cart_red .btn_cart_text button{
    color: #FF0000;
}
.btn_cart_text button:hover, .btn_download_text button:hover {
	opacity: 0.7;
}



/* ----------------------------------------------------------------
	List
----------------------------------------------------------------- */
/*ul li ul {
	padding:5px 0;
}*/

ul.list_dot_gray, ul.list_dot_yellow {
	margin:0 0 20px 15px;
}
.list_dot_gray li {
	margin-bottom:10px;
	padding:0 0 0 15px;
	background:url(../img/list_dot_gray.png) no-repeat 0 5px;
}
.list_dot_yellow li {
	margin-bottom:0.5em;
	padding:0 0 0 15px;
	background:url(../img/list_dot_yellow.png) no-repeat 0 5px;
}
ol{
	list-style:decimal;
	margin:0 0 20px 35px;
	background: none;
}
ol li {
	margin-bottom:5px;
}
.list_dot_gray li ol li,
.list_dot_yellow li ol li{
	margin-bottom:5px;
	background: none;
	padding: 0;
}
ul.list_s {
	margin:0px;
}
.list_s li {
	margin-bottom:2px;
}
.list_note {
	margin:0 0 20px 10px;
}
.list_note li {
	margin-bottom:0.5em;
	background: none;
}
.list_num span.catch, .list_num span.txt,
.list_note span.catch, .list_note span.txt {
	display: table-cell;
	vertical-align: top;
	word-break: break-all;
}
.list_num span.catch,
.list_note span.catch {
	width: auto;
	white-space: nowrap;
}
.list_note_i01 {
	margin-left:15px;
}
.list_note_i02 {
	margin-left:25px;
}
.list_clm4 .clm4_col1 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.list_clm4 .clm4_col2 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.list_clm4 .clm4_col3 {
	float: left;
	width: 23%;
}
.list_clm4 .clm4_col4 {
	float: right;
	width: 23%;
}
/* ----------------------------------------------------------------
	Table
----------------------------------------------------------------- */
table caption {
	padding-bottom: 0;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}
table {
	margin-bottom:20px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-collapse: collapse;
}
table th, table td {
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}
table th {
	padding: 5px 10px;
	background: #f5f5f5;
}
table td {
	padding: 5px 10px;
	background: #ffffff;
	vertical-align: middle;
}
.tbl_left th, .tbl_left_top th {
	text-align:left;
}
.tbl_left_top tr:first-child th {
	text-align:center;
}
table ul.list_dot_gray,
tabble ul.list_dot_yellow {
	margin:0;
}
table ul.list_note {
	margin:0;
}
table .border_tn {
	border-top: none!important;
}
div.func_txt table.table_01{
	text-align: left;
}
div.func_txt table.table_01 th{
	background: #808080;
	color: #fff;
	font-weight: bold;
}
div.func_txt table.table_01 th.mark,
div.func_txt table.table_01 td.mark{
	text-align: center;
	width: 18%;
}
div.func_txt table.table_01 td span{
	font-weight: bold;
}
div.func_txt table.table_01 tr.bg td{
	background: #ebebeb;
}

/* ----------------------------------------------------------------
	Line
----------------------------------------------------------------- */
.line_s {
	border-bottom:1px solid #CCCCCC;
}
.line_d {
	border-bottom:1px dotted #CCCCCC;
}

/* ----------------------------------------------------------------
	BOX
----------------------------------------------------------------- */
.note_box {
	padding: 10px;
	margin-bottom:20px;
	border: solid 1px #CCCCCC;
}
.note_box_ttl {
	font-size:110%;
	font-weight:bold;
	margin-bottom:20px;
}

/* ----------------------------------------------------------------
	eye_catch
----------------------------------------------------------------- */

.icon_area .icon {
	float: left;
	margin-right: 5px;
	margin-bottom: 8px;
	padding: 6px 10px 0;
	font-weight: bold;
	height: 19px;
	color: #FFFFFF;
	text-align: center;
	line-height: 1;
	background-color: #e00500;
}
.icon_area .icon_null {
	float: left;
	margin-right: 0px;	
	margin-bottom: 8px;
	padding: 6px 0px 0;	
	height: 19px;		
	background-color: transparent;
}

/* ----------------------------------------------------------------
	chinakey
----------------------------------------------------------------- */

.chinakey{
	margin-bottom:20px;
	border:#666666 3px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.chinakey_icon{
	font-size:80px;
	line-height:1;
	color:#e00500;
	padding:15px 20px 0 30px;
	float:left;
}
.chinakey_txt{
	padding:10px;
	float:left;
}
.chinakey_ttl{
	color:#e00500;
	font-size:18px;
	font-weight:bold;
}

/* ----------------------------------------------------------------
	banner
----------------------------------------------------------------- */
.banner{
	margin-bottom:20px;
}

/* ----------------------------------------------------------------
	margin
----------------------------------------------------------------- */

.mt0   { margin-top:0 !important; }
.mt5   { margin-top:5px !important; }
.mt10  { margin-top:10px !important; }
.mt15  { margin-top:15px !important; }
.mt20  { margin-top:20px !important; }
.mt25  { margin-top:25px !important; }
.mt30  { margin-top:30px !important; }
.mt35  { margin-top:35px !important; }
.mt40  { margin-top:40px !important; }
.mt45  { margin-top:45px !important; }
.mt50  { margin-top:50px !important; }
.mt55  { margin-top:55px !important; }
.mt60  { margin-top:60px !important; }
.mt65  { margin-top:65px !important; }
.mt70  { margin-top:70px !important; }
.mt75  { margin-top:75px !important; }
.mt80  { margin-top:80px !important; }
.mt85  { margin-top:85px !important; }
.mt90  { margin-top:90px !important; }
.mt95  { margin-top:95px !important; }
.mt100  { margin-top:100px !important; }

.mr0   { margin-right:0 !important; }
.mr5   { margin-right:5px !important; }
.mr10  { margin-right:10px !important; }
.mr15  { margin-right:15px !important; }
.mr20  { margin-right:20px !important; }
.mr25  { margin-right:25px !important; }
.mr30  { margin-right:30px !important; }
.mr35  { margin-right:35px !important; }
.mr40  { margin-right:40px !important; }
.mr45  { margin-right:45px !important; }
.mr50  { margin-right:50px !important; }
.mr55  { margin-right:55px !important; }
.mr60  { margin-right:60px !important; }
.mr65  { margin-right:65px !important; }
.mr70  { margin-right:70px !important; }
.mr75  { margin-right:75px !important; }
.mr80  { margin-right:80px !important; }
.mr85  { margin-right:85px !important; }
.mr90  { margin-right:90px !important; }
.mr95  { margin-right:95px !important; }
.mr100  { margin-right:100px !important; }

.mb0   { margin-bottom:0 !important; }
.mb5   { margin-bottom:5px !important; }
.mb10  { margin-bottom:10px !important; }
.mb15  { margin-bottom:15px !important; }
.mb20  { margin-bottom:20px !important; }
.mb25  { margin-bottom:25px !important; }
.mb30  { margin-bottom:30px !important; }
.mb35  { margin-bottom:35px !important; }
.mb40  { margin-bottom:40px !important; }
.mb45  { margin-bottom:45px !important; }
.mb50  { margin-bottom:50px !important; }
.mb55  { margin-bottom:55px !important; }
.mb60  { margin-bottom:60px !important; }
.mb65  { margin-bottom:65px !important; }
.mb70  { margin-bottom:70px !important; }
.mb75  { margin-bottom:75px !important; }
.mb80  { margin-bottom:80px !important; }
.mb85  { margin-bottom:85px !important; }
.mb90  { margin-bottom:90px !important; }
.mb95  { margin-bottom:95px !important; }
.mb100  { margin-bottom:100px !important; }

.ml0   { margin-left:0 !important; }
.ml5   { margin-left:5px !important; }
.ml10  { margin-left:10px !important; }
.ml15  { margin-left:15px !important; }
.ml20  { margin-left:20px !important; }
.ml25  { margin-left:25px !important; }
.ml30  { margin-left:30px !important; }
.ml35  { margin-left:35px !important; }
.ml40  { margin-left:40px !important; }
.ml45  { margin-left:45px !important; }
.ml50  { margin-left:50px !important; }
.ml55  { margin-left:55px !important; }
.ml60  { margin-left:60px !important; }
.ml65  { margin-left:65px !important; }
.ml70  { margin-left:70px !important; }
.ml75  { margin-left:75px !important; }
.ml80  { margin-left:80px !important; }
.ml85  { margin-left:85px !important; }
.ml90  { margin-left:90px !important; }
.ml95  { margin-left:95px !important; }
.ml100  { margin-left:100px !important; }

.mlr_auto  { margin-left:auto !important; margin-right:auto !important; }

/* ----------------------------------------------------------------
	padding
----------------------------------------------------------------- */

.pt0   { padding-top:0 !important; }
.pt5   { padding-top:5px !important; }
.pt10  { padding-top:10px !important; }
.pt15  { padding-top:15px !important; }
.pt20  { padding-top:20px !important; }
.pt25  { padding-top:25px !important; }
.pt30  { padding-top:30px !important; }
.pt35  { padding-top:35px !important; }
.pt40  { padding-top:40px !important; }
.pt45  { padding-top:45px !important; }
.pt50  { padding-top:50px !important; }
.pt55  { padding-top:55px !important; }
.pt60  { padding-top:60px !important; }
.pt65  { padding-top:65px !important; }
.pt70  { padding-top:70px !important; }
.pt75  { padding-top:75px !important; }
.pt80  { padding-top:80px !important; }
.pt85  { padding-top:85px !important; }
.pt90  { padding-top:90px !important; }
.pt95  { padding-top:95px !important; }
.pt100  { padding-top:100px !important; }

.pr0   { padding-right:0 !important; }
.pr5   { padding-right:5px !important; }
.pr10  { padding-right:10px !important; }
.pr15  { padding-right:15px !important; }
.pr20  { padding-right:20px !important; }
.pr25  { padding-right:25px !important; }
.pr30  { padding-right:30px !important; }
.pr35  { padding-right:35px !important; }
.pr40  { padding-right:40px !important; }
.pr45  { padding-right:45px !important; }
.pr50  { padding-right:50px !important; }
.pr55  { padding-right:55px !important; }
.pr60  { padding-right:60px !important; }
.pr65  { padding-right:65px !important; }
.pr70  { padding-right:70px !important; }
.pr75  { padding-right:75px !important; }
.pr80  { padding-right:80px !important; }
.pr85  { padding-right:85px !important; }
.pr90  { padding-right:90px !important; }
.pr95  { padding-right:95px !important; }
.pr100  { padding-right:100px !important; }

.pb0   { padding-bottom:0 !important; }
.pb5   { padding-bottom:5px !important; }
.pb10  { padding-bottom:10px !important; }
.pb15  { padding-bottom:15px !important; }
.pb20  { padding-bottom:20px !important; }
.pb25  { padding-bottom:25px !important; }
.pb30  { padding-bottom:30px !important; }
.pb35  { padding-bottom:35px !important; }
.pb40  { padding-bottom:40px !important; }
.pb45  { padding-bottom:45px !important; }
.pb50  { padding-bottom:50px !important; }
.pb55  { padding-bottom:55px !important; }
.pb60  { padding-bottom:60px !important; }
.pb65  { padding-bottom:65px !important; }
.pb70  { padding-bottom:70px !important; }
.pb75  { padding-bottom:75px !important; }
.pb80  { padding-bottom:80px !important; }
.pb85  { padding-bottom:85px !important; }
.pb90  { padding-bottom:90px !important; }
.pb95  { padding-bottom:95px !important; }
.pb100  { padding-bottom:100px !important; }

.pl0	{ padding-left:0 !important; }
.pl5	{ padding-left:5px !important; }
.pl10	{ padding-left:10px !important; }
.pl15	{ padding-left:15px !important; }
.pl20	{ padding-left:20px !important; }
.pl25	{ padding-left:25px !important; }
.pl30	{ padding-left:30px !important; }
.pl35	{ padding-left:35px !important; }
.pl40	{ padding-left:40px !important; }
.pl45	{ padding-left:45px !important; }
.pl50	{ padding-left:50px !important; }
.pl55  { padding-left:55px !important; }
.pl60  { padding-left:60px !important; }
.pl65  { padding-left:65px !important; }
.pl70  { padding-left:70px !important; }
.pl75  { padding-left:75px !important; }
.pl80  { padding-left:80px !important; }
.pl85  { padding-left:85px !important; }
.pl90  { padding-left:90px !important; }
.pl95  { padding-left:95px !important; }
.pl100  { padding-left:100px !important; }

/* ----------------------------------------------------------------
	 width
----------------------------------------------------------------- */
.w1   { width:1% !important; }
.w2   { width:2% !important; }
.w3   { width:3% !important; }
.w4   { width:4% !important; }
.w5   { width:5% !important; }
.w6   { width:6% !important; }
.w7   { width:7% !important; }
.w8   { width:8% !important; }
.w9   { width:9% !important; }
.w10  { width:10% !important; }
.w11  { width:11% !important; }
.w12  { width:12% !important; }
.w13  { width:13% !important; }
.w14  { width:14% !important; }
.w15  { width:15% !important; }
.w16  { width:16% !important; }
.w17  { width:17% !important; }
.w18  { width:18% !important; }
.w19  { width:19% !important; }
.w20  { width:20% !important; }
.w21  { width:21% !important; }
.w22  { width:22% !important; }
.w23  { width:23% !important; }
.w24  { width:24% !important; }
.w25  { width:25% !important; }
.w26  { width:26% !important; }
.w27  { width:27% !important; }
.w28  { width:28% !important; }
.w29  { width:29% !important; }
.w30  { width:30% !important; }
.w31  { width:31% !important; }
.w32  { width:32% !important; }
.w33  { width:33% !important; }
.w34  { width:34% !important; }
.w35  { width:35% !important; }
.w36  { width:36% !important; }
.w37  { width:37% !important; }
.w38  { width:38% !important; }
.w39  { width:39% !important; }
.w40  { width:40% !important; }
.w41  { width:41% !important; }
.w42  { width:42% !important; }
.w43  { width:43% !important; }
.w44  { width:44% !important; }
.w45  { width:45% !important; }
.w46  { width:46% !important; }
.w47  { width:47% !important; }
.w48  { width:48% !important; }
.w49  { width:49% !important; }
.w50  { width:50% !important; }
.w51  { width:51% !important; }
.w52  { width:52% !important; }
.w53  { width:53% !important; }
.w54  { width:54% !important; }
.w55  { width:55% !important; }
.w56  { width:56% !important; }
.w57  { width:57% !important; }
.w58  { width:58% !important; }
.w59  { width:59% !important; }
.w60  { width:60% !important; }
.w61  { width:61% !important; }
.w62  { width:62% !important; }
.w63  { width:63% !important; }
.w64  { width:64% !important; }
.w65  { width:65% !important; }
.w66  { width:66% !important; }
.w67  { width:67% !important; }
.w68  { width:68% !important; }
.w69  { width:69% !important; }
.w70  { width:70% !important; }
.w71  { width:71% !important; }
.w72  { width:72% !important; }
.w73  { width:73% !important; }
.w74  { width:74% !important; }
.w75  { width:75% !important; }
.w76  { width:76% !important; }
.w77  { width:77% !important; }
.w78  { width:78% !important; }
.w79  { width:79% !important; }
.w80  { width:80% !important; }
.w81  { width:81% !important; }
.w82  { width:82% !important; }
.w83  { width:83% !important; }
.w84  { width:84% !important; }
.w85  { width:85% !important; }
.w86  { width:86% !important; }
.w87  { width:87% !important; }
.w88  { width:88% !important; }
.w89  { width:89% !important; }
.w90  { width:90% !important; }
.w91  { width:91% !important; }
.w92  { width:92% !important; }
.w93  { width:93% !important; }
.w94  { width:94% !important; }
.w95  { width:95% !important; }
.w96  { width:96% !important; }
.w97  { width:97% !important; }
.w98  { width:98% !important; }
.w99  { width:99% !important; }
.w100 { width:100% !important; }

.w100.auto { width:auto !important; }

/* ----------------------------------------------------------------
	font-weight
----------------------------------------------------------------- */
.fwb { font-weight:bold !important; }
.fwn { font-weight:normal !important; }

/* ----------------------------------------------------------------
	font-size
----------------------------------------------------------------- */
.fsss  { font-size:75% !important; }
.fss  { font-size:90% !important; }
.fsm  { font-size:100% !important; }
.fsl  { font-size:120% !important; }
.fsll  { font-size:150% !important; }
.fslll  { font-size:200% !important; }


/* ----------------------------------------------------------------
	font color
----------------------------------------------------------------- */
.fcr { color: #FF0000 !important; }
.fcb { color: #0000FF !important; }
.fcbk { color: #000000 !important; }
.fcg { color: #999999 !important; }

/* ----------------------------------------------------------------
	font decoration
----------------------------------------------------------------- */
.fdu	{ text-decoration:underline; }

/* ----------------------------------------------------------------
	background color
----------------------------------------------------------------- */
.bgf { background:#FFF !important; }

/* ----------------------------------------------------------------
	indent
----------------------------------------------------------------- */
.indent1 { padding-left:1.3em;	text-indent:-1.3em; }
.indent1h{ padding-left:1.8em;	text-indent:-1.8em; }
.indent2 { padding-left:2.3em;	text-indent:-2.3em; }
.indent2h{ padding-left:2.8em;	text-indent:-2.8em; }
.indent3 { padding-left:3.3em;	text-indent:-3.3em; }
.indent3h{ padding-left:3.8em;	text-indent:-3.8em; }

/* ----------------------------------------------------------------
	letter-spacing
----------------------------------------------------------------- */
.ls1	{ letter-spacing:1px; }

/* ----------------------------------------------------------------
	text-align
----------------------------------------------------------------- */
.tal	{ text-align:left; }
.tac	{ text-align:center; }
.tar	{ text-align:right; }

/* ----------------------------------------------------------------
	vertical-align
----------------------------------------------------------------- */
.vat	{ vertical-align:top !important; }
.vam	{ vertical-align:middle !important; }
.vab	{ vertical-align:bottom !important; }

/* ----------------------------------------------------------------
	float
----------------------------------------------------------------- */
.fl	{ float:left; }
.fr	{ float:right; }

/* ----------------------------------------------------------------
	 overflow
----------------------------------------------------------------- */
.of_h { overflow:hidden; }

/* ----------------------------------------------------------------
	 inline block
----------------------------------------------------------------- */
.i_blk { display: -moz-inline-box; display: inline-block; /display:inline; /zoom:1; }

/* ----------------------------------------------------------------
	 nowrap
----------------------------------------------------------------- */
.nwrp	{ white-space:nowrap; }

/* ----------------------------------------------------------------
	 sup
----------------------------------------------------------------- */
body sup { font-size: 100%; }
html>/* */body sup { font-size: 100%; }
html:not(:target) sup { font-size: 85%; }
body sup.main_banner { font-size:50%; }

/* ----------------------------------------------------------------
	2-Column
----------------------------------------------------------------- */
.clm2 .clm2_left {
	float: left;
	width: 38%;
}
.clm2 .clm2_right {
	float: right;
	width: 58%;
}

/* ----------------------------------------------------------------
	3-Column
----------------------------------------------------------------- */
.clm3 .clm3_left {
	float: left;
	width: 31%;
	margin-right: 3.5%;
}
.clm3 .clm3_center {
	float: left;
	width: 31%;
}
.clm3 .clm3_right {
	float: right;
	width: 31%;
}

/* ----------------------------------------------------------------
	4-Column
----------------------------------------------------------------- */
.clm4 .clm4_col1 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.clm4 .clm4_col2 {
	float: left;
	width: 23%;
	margin-right: 2.6%;
}
.clm4 .clm4_col3 {
	float: left;
	width: 23%;
}
.clm4 .clm4_col4 {
	float: right;
	width: 23%;
}

/* ----------------------------------------------------------------
	Accordion
----------------------------------------------------------------- */
.accordion {
	margin:0 0 5px 0;
	border:2px solid #e3e3e3;
}
.accordion_ttl {
	padding:15px;
	font-size:130%;
	font-weight:bold;
	border-left:5px solid #e3e3e3;
	background:url(../img/icon_down.png) no-repeat right 20px center;
	cursor:pointer;
}
.accordion_ttl:hover {
	color:inherit;
	background-color:#e3e3e3;
}
.accordion .selected {
	color:inherit;
	background:#e3e3e3 url(../img/icon_up.png) no-repeat right 20px center;
}
.accordion_frm {
	padding:25px 20px;
	border-top:2px solid #e3e3e3;
	word-wrap:break-word;
}
.accordion .accordion_close {
	cursor:pointer;
	text-align:right;
}

/* ----------------------------------------------------------------
	Tab
----------------------------------------------------------------- */
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.tab .tab_frm {
	padding: 20px;
	margin-bottom:20px;
}
.tab ul {
	margin:0;
	padding:0;
	list-style: none;
}
.tab .tab_nav {
	overflow: hidden;
}
.tab .tab_nav li {
	margin: 0 5px;
	padding:0;
	text-align:center;
	width: 180px;
	float: left;
}
.tab .tab_nav li a {
	width:100%;
	padding:10px 0;
	display:block;
	color:#000000;
	text-decoration:none;
	background:#b8b8b8 url(../img/btn_negative_off.png) repeat-x left top;
	background-size:contain;
}
.tab .tab_nav li a:hover {
	background:#dfdfdf url(../img/btn_negative_on.png) repeat-x left top;
	background-size:contain;
}
.tab .tab_nav li a.current {
	background:#ffbe04 url(../img/btn_positive_off.png) repeat-x left top;
	background-size:contain;
}

/* ----------------------------------------------------------------
	Background-Color
----------------------------------------------------------------- */
.bg_yellow,
td.bg_yellow, th.bg_yellow {
	background: #fcf3be;
}
.bg_gray,
td.bg_gray, th.bg_gray {
	background: #dddddd;
}

/* ----------------------------------------------------------------
	 PC Only
----------------------------------------------------------------- */
.disp_sp {
	display:none !important;
}

/* ----------------------------------------------------------------
	 New Window
----------------------------------------------------------------- */

p a[target="_blank"]:after,
li a[target="_blank"]:after,
dl a[target="_blank"]:after,
h2 a[target="_blank"]:after {
	content: "";
	padding-right: 13px;
	background: url(../img/icon_newwin.png) no-repeat 0 0;
	background-size: contain;
	margin: 0 5px 0 5px;
}

/* ----------------------------------------------------------------
	 Scroll Frame
----------------------------------------------------------------- */
.scroll_frm {
	width:930px;
	height:150px;
	margin-bottom:20px;
    padding: 10px;
    border: solid 1px #808080;
	overflow:scroll;
}

/* ----------------------------------------------------------------
	 Attention
----------------------------------------------------------------- */
.attention {
	margin:20px 0;
	padding:10px;
	color:#FF0000;
	border:1px solid #FF0000;
}
.attention p,
.attention .list_note {
	margin-bottom:0;
}
.attention .list_note li {
	margin-bottom: 0.5em;
}

.txt_attention {
	font-weight:bold;
	color:#f00;
}

/* ----------------------------------------------------------------
	Questionnaire 
----------------------------------------------------------------- */
.questionnaire {
	margin:0 0 20px 0;
}
.questionnaire table th {
	white-space:nowrap;
}
.questionnaire .q_ttl {
	margin: 20px 0 10px 0;
	padding: 0 0 3px 10px;
	font-size: 14px;
	font-weight: bold;
	border-left: 5px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;;
}
.questionnaire .radio li,
.questionnaire .radio_fl li,
.questionnaire .check li,
.questionnaire .check_fl li {
	margin:0 0 5px 20px;
}
.questionnaire .radio_fl li,
.questionnaire .check_fl li {
	float:left;
}
.questionnaire table .radio li,
.questionnaire table .radio_fl li,
.questionnaire table .check li,
.questionnaire table .check_fl li {
	margin:0 0 5px 0;
}
.questionnaire textarea {
	margin-left:20px;
	width:924px;
}
.questionnaire .radio textarea,
.questionnaire .check textarea {
	margin-left:0;
}


/* ----------------------------------------------------------------
	Input
----------------------------------------------------------------- */
input[type=radio],
input[type=checkbox] {
	margin-right:5px;
}
textarea {
	resize: none;
}
input.small {
	width:25%;
}
input.middle {
	width:50%;
}
input.large {
	width:100%;
}

/* ----------------------------------------------------------------
	Q＆A
----------------------------------------------------------------- */
dl.qanda dt {
	margin-bottom: 5px;
	font-weight:bold;
}
dl.qanda dt .icon {
	display: table-cell;
	vertical-align: top;
}
dl.qanda dt .txt {
	display: table-cell;
	vertical-align: top;
}

dl.qanda dd {
	margin-bottom: 15px;
}
dl.qanda dd .icon {
	display: table-cell;
	vertical-align: top;	
}
dl.qanda dd .txt {
	display: table-cell;
	vertical-align: top;	
}



/*-------IE10のみハック------*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.comp_chart .accordion_frm table {
	border-collapse: separate;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.comp_chart .chart_frm table {
	border-collapse: separate;
}
}


.verticalmiddle_outer {
  display: table;
  width: 100%;
}
.verticalmiddle_inner {
  display: table-cell;
  vertical-align: middle;
}


/* ----------------------------------------------------------------
	header_2
----------------------------------------------------------------- */

#dbcs_header_s {
	margin-bottom: 0;
    padding-top: 0;
}
#dbcs_header_s .logo_corporate {
	float: left;
	margin: 10px 0 0;
	width: 134px;
	height: 50px;
	background: url(/~/media/jp/common/renew/img/logo_norton.jpg) 0 0 no-repeat;
}
#dbcs_header_s .header_navi {
	float: right;
	margin-top: 15px;
}
#dbcs_header_s .header_navi li {
	float: left;
	margin-top: 10px;
	margin-right: 13px;
	padding-right: 13px; 
	border-right:1px solid #999999;
	vertical-align: middle;
}
#dbcs_header_s .header_navi li:nth-child(4) {
	float: left;
	margin-right: 13px;
	padding-right: 0; 
	border-right:none;
}
#dbcs_header_s .header_navi li.button {
	float: left;
	margin-right: 0;
	padding-right: 0; 
	border-right:none;
}
#dbcs_header_s .header_navi li a {
	font-size: 13px;
	color: #333333;
}
#dbcs_header_s .header_navi li.button {
	margin-top: 0;
}
#dbcs_header_s .header_navi li.button a,
#dbcs_header_s .header_navi li.button a:visited {
	display: block;
	border: 1px solid #b5b5b5;
	width: 130px;
	padding: 10px 5px;
	box-sizing: border-box;
    text-align: center;
    background: #ffffff;
}
#dbcs_header_s .header_navi li.button a:hover {
	background: #efefef;
	text-decoration: none;
}
#dbcs_header_s .header_navi li.button:first-child {
	margin-right: 15px;
}

#dbcs_header_s .header_navi li a[target="_blank"]:after {
	content: "";
	padding-right: 13px;
	background: url(/~/Media/all/common/img/icon_newwin.png) no-repeat 0 0;
	background-size: contain;
	margin: 0 0 0 5px;
}

/* ----------------------------------------------------------------
	headernavi pulldown
----------------------------------------------------------------- */

#dbcs_header_s .header_navi li {
	position: relative;
}
#dbcs_header_s .header_navi .products_pulldown {
	display: none;
	position: absolute;
	top: 15px;
	width: 320px;
	background: #ffffff;
	border: 1px solid #999999;
	padding: 10px 15px;
	z-index: 10000;
	/* box-shadow */
	box-shadow:5px 5px 12px -5px #9c9c9c;

	/* border-radius */

	/* border */
	border:1px solid #cccccc;
}
#dbcs_header_s .header_navi .products_pulldown li {
	margin: 0 0 5px 0;
	padding: 0;
	border-right: none;
	float: none;
}
#dbcs_header_s .header_navi ul li .products_pulldown li:nth-child(4) {
	margin: 0 0 5px 0;
	padding: 0;
	border-right: none;
	float: none;	
}

#dbcs_header_s .header_navi .products_pulldown li a {
    width: 100%;
    padding: 5px 10px;
    display: inline-block;
    box-sizing: border-box;
}
#dbcs_header_s .header_navi .products_pulldown li a:hover {
	text-decoration: none;
	background: rgba(253,187,48,0.4);
}
#header .header_navi .product_text {
	font-size: 13px;
    color: #333333;
}
#header #dbcs_header_s .logo_corporate {
	float: left;
    margin: 10px 0 0;
    width: 134px;
    height: 50px;
}

/* ----------------------------------------------------------------
	responsive
----------------------------------------------------------------- */
@media (max-width: 767px){
body{
	background-color: #ffffff;
}
p {
	word-break: break-all;
}
.btn_cnt_large{
    width: 100%;
}
}