@charset "utf-8";

@media print {
.non-print {
	display: none;
}
}
* {
	background-color: transparent;
	font-style: normal;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
body {
	border: 0;
	height: 100%;
	line-height: 150%;
	background: #fff;
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #646464;
	min-width: 1000px;
}
html, #moving_area {
	height: 100%;
}
a img {
	border: none;
}
img.colorbox {
	border: 2px #ffcd7b solid;
}
textarea {
	resize: none;
}
.p_no {
	display: none !important;
}
i.fa {
	margin-right: 5px;
}
.fa-bars, .fa-caret-down, .fa-chevron-up {
	margin: 0 !important;
}
ul, li {
	list-style: none;
}
/*****************************************************************************************************　wrapper　*/
.wrapper {
	min-height: 100%;
	height: auto !important;
	width: 980px;
	margin: 0 auto -316px;
}
/*****************************************************************************************************　right_side_container　*/
#right_side_container a img {
	display: block;
}
#right_side_container a img:hover {
	border: none !important;
	opacity: 0.8 !important;
	background: #fff !important;
}
/*****************************************************************************************************　container　*/
#container {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 20px;
}
#containerOneColumn {
	width: auto;
	padding: 40px 97px;
}
#main_container_one_column .module, #main_container_one_column .module_contents_padding_none, .utility_nav_top_long, .utility_nav_bottom_long {
	width: 978px;
}
#container_error {
	margin: 0;
	padding: 70px 250px;
}
#main_container {
	width: 730px;
	float: right;
}
#right_side_container {
	width: 234px;
	float: left;
	text-align: left;
}
#number_1 {
	float: left;
	width: 270px;
	margin: 0 10px 0 0;
}
#number_2 {
	float: left;
	width: 420px;
	margin-right: 10px;
}
#number_3 {
	float: right;
	width: 270px;
}
#number_2and3 {
	float: right;
}
#mypage #number_1, #mypage #number_2 {
	width: 360px;
}
.module, .module_popup {
	background-color: #fff;
	border: solid #999;
	position: relative;
	border-radius: 5px;
	border-width: 1px;
}
#main_container .module {
	width: 728px;
}
.module_cap, .module_cap_wide {
	display: none;
}
.module_title, .module_popup_title {
	background-image: url(../img/common/re_bg_h1.gif);
	background-repeat: repeat-x;
	background-color: #E5ECF0;
	min-height: 16px;
	width: auto;
	border-bottom: #ccc solid 1px;
	position: relative;
	border-radius: 5px 5px 0 0;
	padding: 9px 10px 5px 10px;
}
#main_container_one_column .module_title {
}
.module_bt {
	height: 15px;
	line-height: 1em;
}
.module_bt img {
	float: right;
	cursor: pointer;
	margin: 0 0 0 5px;
}
.module_contents {
	width: auto;
	padding: 15px 19px;
}
.module_contents_howto_link {
	width: auto;
	background-color: #FFF;
	text-align: center;
	padding: 0;
}
.module_contents_howto_link img {
	width: 234px;
	height: 40px;
	background-position: top left;
}
.module_contents_howto_link img.sees {
	background-image: url(../img/howto/re_bt_howto_link_sees.png);
}
.module_contents_howto_link img.material {
	background-image: url(../img/howto/re_bt_howto_link_material.png);
}
.module_contents_howto_link img.clipdisk {
	background-image: url(../img/howto/re_bt_howto_link_disk.png);
}
.module_contents_howto_link img.ycliner {
	background-image: url(../img/howto/re_bt_howto_link_ycliner.png);
}
.module_contents_howto_link img:hover {
	background-position: bottom left;
}
.module_contents_onecolumn {
	width: 710px;
	padding: 40px 135px 20px;
}
.module_contents_padding_none {
	width: 720px;
	padding: 0 4px;
}
.module_bottom {
	width: auto;
	height: 5px;
	margin: 0;
}
#main_container_one_column .module_contents {
	width: auto;
	margin-bottom: 0;
}
/*****************************************************************************************************　box　*/
.line_box {
	width: auto;
	background-color: #fff;
	border: solid #999 1px;
	padding: 17px;
	margin-bottom: 10px;
	position: relative;
	border-radius: 5px;
}
.line_box_thumb {
	width: 206px;
	background-color: #f8f8f8;
	border: solid #ccc 1px;
	padding: 8px 10px 6px;
	margin: 0 2px 2px 0;
	position: relative;
	border-radius: 5px;
}
.line_box_thumb_favorite {
	width: 140px;
	background-color: #f8f8f8;
	border: solid #ccc 1px;
	padding: 8px 10px 6px;
	margin: 0 10px 2px 0;
	position: relative;
	border-radius: 5px;
}
.caution_box {
	padding: 8px 12px;
	border: 3px double #ddd;
	background-color: #f8f8f8;
	position: relative;
	border-radius: 10px;
}
.caution_box_red {
	position: relative;
	width: auto;
	margin-bottom: 5px;
	padding: 8px 12px;
	border: 3px double #CD6F70;
	background-color: #f8f8f8;
	border-radius: 10px;
}
.inner_typeA {
	width: 600px;
	margin: 0 auto;
	padding: 20px 0;
}
/*****************************************************************************************************　header　*/
#header {
	width: 100%;
	height: auto;
	text-align: left;
	margin: 0 auto;
	padding: 3px 0 10px;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif !important;
}
#headerarea_error {
	width: 980px;
	height: 70px;
	text-align: left;
	margin: 0 auto;
}
#header_contents {
	min-height: 40px;
	position: relative;
	margin-bottom: 5px;
}
#header_left {
	float: left;
	padding: 5px 0;
}
#header_left a.clip_logo {
	padding: 10px 0px 8px !important;
	background-color: #fff !important;
	border: none;
}
.log_before a {
	padding: 11px 10px 10px !important;
}
#header_right {
	float: right;
}
#header_right .link_bt {
	margin-left: 10px;
	width: auto;
	float: right;
	padding: 0;
}
.header_link {
	width: 980px;
	text-align: right;
	margin: 0 auto;
}
.header_link a:link, .header_link a:visited, .header_link a:active {
	display: inline-block;
	width: 80px;
	background-color: #E7EDF1;
	height: 18px;
	line-height: 19px;
	text-align: center;
	font-size: 90%;
	text-decoration: none;
	color: #53839B;
	background-image: url(../img/common/re_bg_header_link.gif);
	background-repeat: repeat-x;
	background-position: 0 0px;
	margin-left: 1px;
	float: right
}
.header_link a:hover {
	background-position: 0 -30px;
}
.header_link a.on, .header_link a.on:hover {
	background-position: 0 -60px;
}
#userbox {
	padding: 5px 0;
	text-align: right;
	height: auto;
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	z-index: 1000;
}
.login_user_name {
	overflow: hidden !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 8px !important;
	padding-right: 8px !important;
	max-width: 180px;
	min-width: 120px;
	text-align: left !important;
}
.login_user_name i {
	margin-right: 5px;
}
.gold_member {
	background-image: url(../img/common/ico_gold.png);
	width: 20px;
	background-size: 400% auto;
	background-position: center center;
	display: inline-block;
	margin-right: 5px;
	text-indent: -9999px;
	border-radius: 3px;
}
.log_before {
	line-height: 1.1em;
}
.log_bt {
	float: right;
	margin-left: 5px;
}
.log_auto {
	float: right;
	margin-left: 10px;
}
.userbox_contents .list_headerimage li {
	background: url(../img/common/header_arrow.gif) no-repeat left 0;
	font-weight: 400;
	text-indent: 14px;
	line-height: 1.1em;
	margin: 0 0 0 10px;
}
.userbox_contents .list_headerimage {
	line-height: 1em;
	list-style: none;
	margin: 0;
}
.dummy_label {
	color: #c0c0c0;
	position: absolute;
	z-index: 1;
	left: 6px;
	top: 0px;
	visibility: hidden;
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
	user-select: none; /* CSS3 */
}
.headerimage_arrow {
	background: url(../img/common/header_arrow.gif) no-repeat left 2px;
	padding-left: 16px;
	margin-right: 5px;
}
/*---------------------------------プルダウンリスト*/
ul.pulldown_contents {
	display: none;
	background-color: #444;
	position: relative;
	top: 10px;
	padding: 10px 10px 0;
	border-radius: 5px;
	text-align: left;
}
.header_search_area ul.pulldown_contents {
	right: -120px;
	width: 300px;
}
.header_search_area ul.pulldown_contents .sankaku {
	right: 130px;
}
ul.pulldown_contents li {
	padding: 2px 0;
	display: block;
}
.sankaku {
	position: absolute;
	top: -14px;
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #444 transparent;
}
/*---------------------------------プルダウンリスト内リンク*/
ul.pulldown_contents li a {
	display: block;
	padding: 5px 10px;
	border-radius: 5px;
	color: #fff;
	text-decoration: none;
	font-size: 110%;
}
ul.pulldown_contents li a:hover {
	background-color: #000 !important;
}
/*---------------------------------ログアウトリンクのみデザイン変更*/
.logout {
	margin-top: 10px;
	border-top: solid 1px #666;
	font-size: 70%;
	text-align: right;
}
.logout a {
	display: inline-block !important;
}
/*---------------------------------プルダウン開閉ボタン*/
.pulldown_button {
	display: inline-block;
	cursor: pointer;
	background-color: #55ACEE;
	border-radius: 5px;
	border: solid 1px #3389E4;
	padding: 0 7px 0 0;
	height: 32px;
	margin-left: 10px;
	color: #fff;
	font-size: 110%;
}
.pulldown_button:hover {
	background-color: #3389E4;
}
.pulldown_button i {
	margin-right: 0;
}
.pulldown_button img {
	width: 30px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 4px;
	border-radius: 5px 0 0 5px;
}
.pulldown_button span {
	width: 80px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}
.my_notice {
	position: absolute;
	display: inline-block;
	top: -10px;
	right: -10px;
}
.notice_true {
	font-size: 90%;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #EF2B26;
	border-radius: 9px;
}
.notice_true .table_cell {
	width: 20px;
	height: 20px;
}
.notice_false {
	display: none;
}
/*****************************************************************************************************　footer　*/
#footer {
	width: auto;
	height: 316px;
	text-align: center;
	font-size: 90%;
	background-image: url(../img/common/re_bg_footer.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #fff;
}
#footer .footertext1, #footer_toppage .footertext1 {
	color: #999;
	padding-top: 5px;
	width: auto;
	height: 25px;
	border: solid #98B5C3 1px;
	border-width: 1px 0;
}
#footer .footertext2, #footer_toppage .footertext2 {
	color: #fff;
	padding-top: 3px;
	width: auto;
	height: 22px;
	background-color: #759CAF;
}
/*********************************************************↓20130221変更*/
#footer .footertext3, #footer_toppage .footertext3 {
	display: inline-block;
	width: auto;
	color: #999;
	height: 179px;
	text-align: left;
	margin: 0 auto;
	padding: 20px 0 0;
}
.left_set, .right_set {
	display: inline-block;
	vertical-align: top;
}
.footertext3 a {
	white-space: nowrap;
}
.footertext3_contents {
	width: auto;
	display: inline-block;
	margin-right: 30px;
	vertical-align: top;
}
.footertext3_contents_right {
	display: inline-block;
	width: auto;
}
.wrapper_popup_auto .module_title {
	width: auto;
}
/*********************************************************↑20130221変更*/
.border_left {
	border-left: dotted 1px #98B5C3;
	padding: 0 0 0 5px;
}
.push {
	height: 316px;
}
/*****************************************************************************************************　headernavi　*/
ul#headernavi {
	background-color: transparent;
	list-style: none;
	width: 100%;
	display: -webkit-box;
	display: flex;
	flex-direction: row;
}
ul#headernavi li {
	-webkit-box-flex: 1.0;
	flex: 1;
	white-space: nowrap;
	font-size: 110%;
}
ul#headernavi li a, ul#headernavi li.other span {
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height: 37px;
	height: 36px;
	width: auto;
	overflow: hidden;
	text-align: center;
	border-right: solid 1px #eee;
	position: relative;
	background-color: #74A4B7;
	cursor: pointer;
	background-image: url(../img/common/bg_gradation_type04_upper_for_navi.png);
	background-repeat: repeat-x;
	background-position: 0 -38px;
}
ul#headernavi li:first-child a {
	border-radius: 5px 0 0 5px;
}
ul#headernavi li:last-child a {
	border-radius: 0 5px 5px 0;
}
ul#headernavi div li:first-child a, ul#headernavi li.other ul.pulldown li a {
	border-radius: 0;
}
ul#headernavi li a.on, ul#headernavi li span.on, ul#headernavi li a.current, ul#headernavi li span.current {
	background-color: #F90 !important;
}
ul#headernavi li a:hover, ul#headernavi li span:hover {
	opacity: 0.8;
}
ul#headernavi li.other ul.pulldown {
	position: absolute;
	z-index: 2;
	width: 123px;
	display: none;
}
ul#headernavi li.other:hover ul.pulldown {
	display: block;
	background-color: #fff;
}
ul#headernavi li.other ul.pulldown li {
	font-size: 100%;
	width: 100%;
}
ul#headernavi li.other ul.pulldown li a {
	font-size: 90%;
	font-weight: normal;
	background-image: url(../img/common/bg_gradation_type02_upper.png);
	background-position: 0px 27px;
}
ul#headernavi li.subnavi a {
	background-color: #888;
}
/*****************************************************************************************************　input link list　*/
input[type=checkbox], input[type=radio] {
	width: 12px;
	margin: 0 3px 0 0;
}
input[type=text], input[type=search_word], input[type=password] {
	background-color: #FFFFFF;
}
input[type=file] {
	width: auto;
}
.inputbase170 input, .inputboxbase input.input_inbox, .inputbase170 textarea, .inputbase170 select {
	vertical-align: text-bottom;
	background-color: #fff;
	width: 160px;
	position: relative;
	border-radius: 5px;
	margin: 0;
}
.log_before .inputbase170 input {
	height: 20px;
	padding: 0 5px !important;
}
.inputStyle input, .inputStyle textarea, .inputStyle select {
	vertical-align: text-bottom;
	border: solid #ccc 1px;
	background-color: #fff;
	position: relative;
	border-radius: 5px;
	margin: 4px;
}
.inputStyle select {
	height: 20px;
	line-height: 24px;
}
.inputboxbase, .inputboxbase input.input_inbox {
	width: 190px !important;
	height: 23px !important;
	line-height: 25px !important;
	background-image: none !important;
}
.inputboxbase input.login {
	background-color: #FFFFFF;
}
.list_headerimage_white li a:hover {
	text-decoration: none;
	background: #036;
}
.list_headerimage li {
	background: url(../img/common/header_arrow.gif) no-repeat left 4px;
	font-weight: 400;
	text-indent: 18px;
	margin: 0 0 7px;
}
.list_headerimage li p {
	text-indent: 0;
	line-height: 1.4em;
	margin: 0;
	padding: 2px 0 0 18px;
}
.list_headerimage_white {
	list-style: none;
	border: 1px dotted #ccc;
	border-width: 1px 0 0;
	margin: 0;
}
.list_headerimage_white li {
	background: url(../img/common/header_arrow_white.png) no-repeat left 3px;
	font-weight: 400;
	text-indent: 18px;
	border-bottom: 1px dotted #ccc;
	margin: 0;
}
.list_headerimage_below li {
	background: url(../img/common/header_arrow_below.gif) no-repeat left 4px;
	font-weight: 400;
	text-indent: 18px;
	margin: 0 0 10px;
}
.list_headerimage_circle {
	line-height: 1.4em;
	list-style: none;
	margin: 0;
}
.list_headerimage_circle li {
	background: url(../img/common/list_circle.gif) no-repeat left 3px;
	font-weight: 400;
	text-indent: -1px;
	padding-left: 17px;
	margin: 0 0 5px;
}
.list_headerimage, .list_headerimage_below {
	line-height: 1.5em;
	list-style: none;
	margin: 0 0 20px;
}
a:link, a:link span {
	text-decoration: underline;
	color: #79A3BF;
}
a:visited, a:visited span {
	text-decoration: underline;
	color: #999;
}
a:hover, a:hover span {
	text-decoration: underline;
	color: #547282;
	background: #EEE;
}
a:active, a:active span {
	text-decoration: underline;
	color: #C9544E;
}
.userbox_contents .list_headerimage a:hover, .link_bt a:hover, .header_text a:hover, #topicpath a:hover, .space_news a:hover, .more_news a:hover, .footertext1 a:hover {
	text-decoration: underline !important;
	color: #666 !important;
	background-color: #EEE;
}
a.icon {
	display: inline;
	height: 16px;
	background: url(../img/common/spacer.gif) left center no-repeat;
	font-size: 110%;
	padding: 5px 0 5px 20px;
}
a.icon:visited {
	color: #79A3BF;
}
a.icon:hover {
	color: #547282;
}
a.plus {
	background-image: url(../img/common/ico_plus.gif);
}
a.plus_s {
	background-image: url(../img/common/ico_plus_s.gif);
}
a.trash {
	background-image: url(../img/common/ico_trash.png) !important;
	background-repeat: no-repeat !important;
}
a.eva {
	background-image: url(../img/common/ico_eva.png);
}
a.cancel {
	background-image: url(../img/common/ico_cancel.gif);
}
a.check {
	background-image: url(../img/common/ico_check.png);
}
a.uncheck {
	background-image: url(../img/common/ico_uncheck.png);
}
a.zoom {
	background-image: url(../img/common/ico_zoom.png);
}
a.view {
	background-image: url(../img/common/ico_view.png);
}
a.print {
	background-image: url(../img/common/ico_print.png);
}
a.reload {
	background-image: url(../img/common/ico_reload.png);
}
a.twitter {
	background-image: url(../img/common/ico_twitter.png);
	padding-left: 17px !important;
}
a.boostcomment {
	background-image: url(../img/common/ico_boostcomment.gif);
}
a.edit {
	background-image: url(../img/common/ico_edit.png);
}
.bt_login {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #fff;
	text-align: center;
	cursor: pointer;
	border: solid #aaa 1px;
	width: 60px;
	height: 22px;
	display: block;
	font-weight: 700;
	text-decoration: none !important;
	font-size: 10px !important;
	line-height: 1em;
	padding-bottom: 3px;
	background-image: url(../img/common/re_bg_common_bt02.gif);
	background-repeat: repeat-x;
	position: relative;
	border-radius: 7px;
}
.bt_login:hover {
	background-position: 0 -40px;
}
.bt_mypa {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #fff !important;
	text-align: center;
	cursor: pointer;
	width: auto;
	height: 20px;
	display: inline-block;
	font-weight: 700;
	text-decoration: none !important;
	font-size: 10px !important;
	line-height: 20px;
	padding: 0 5px 0 3px;
	background-color: #ADD633;
	position: relative;
	border-radius: 7px;
}
.bt_mypa span, .bt_mypa:hover span {
	background-image: url(../img/common/re_ico_set.png);
	background-position: -20px -1px;
	background-repeat: no-repeat;
	background-color: transparent !important;
	width: 20px;
	height: 18px;
	margin-right: 0 !important;
}
.bt_mypa:hover {
	background-color: #99CC00;
}
input.bt_s:hover, input.bt_m:hover, input.bt_ml:hover, input.bt_l:hover, input.bt_ll:hover, .bt_s a:hover, .bt_m a:hover, .bt_ml a:hover, .bt_l a:hover, .bt_ll a:hover, input.btn_myInfoEdit:hover, div.btn_myInfoEdit a:hover {
	background-position: 0 -40px;
	background-color: #BACDD7;
}
/******************************ディゼルブ*/
input.bt_gray_s, input.bt_gray_m, input.bt_gray_ml, input.bt_gray_l, input.bt_gray_ll, .bt_gray_s a, .bt_gray_m a, .bt_gray_ml a, .bt_gray_l a, .bt_gray_ll a, .bt_gray_s, .bt_gray_m, .bt_gray_mm, .bt_gray_ml, .bt_gray_l, .bt_gray_ll {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #aaa !important;
	height: 25px;
	line-height: 23px;
	text-align: center;
	cursor: pointer;
	border: solid #ccc;
	display: block;
	font-weight: 400;
	text-decoration: none !important;
	font-size: 12px !important;
	background-repeat: repeat-x;
	background-color: #eee;
	position: relative;
	border-radius: 5px;
	border-width: 2px;
	opacity: 0.8 !important;
}
.bt_gray_s, .bt_gray_m, .bt_gray_mm, .bt_gray_ml, .bt_gray_l, .bt_gray_ll {
	cursor: default !important;
}
.bt_gray_s, .bt_gray_m, .bt_gray_mm, .bt_gray_ml, .bt_gray_l, .bt_gray_ll, .bt_gray_s a, .bt_gray_m a, .bt_gray_mm a, .bt_gray_ml a, .bt_gray_l a, .bt_gray_ll a {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #CDCDCD;
	text-align: center;
	cursor: default;
	border: none;
	display: block;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
.bt_red_l a {
	background: url(../img/common/bt_red_l.png) no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFF !important;
	width: 265px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	line-height: 25px;
	display: block;
	text-decoration: none;
	font-size: 88%;
}
.bt_dered_l a {
	background: url(../img/common/bt_dered_l.png) no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFF !important;
	width: 265px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	line-height: 25px;
	display: block;
	text-decoration: none;
	font-size: 88%;
}
.bt_red_ll a {
	background: url(../img/common/bt_red_ll.gif) no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFF !important;
	width: 405px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	line-height: 25px;
	display: block;
	text-decoration: none;
	font-size: 88%;
}
.bt_dered_ll a {
	background: url(../img/common/bt_dered_ll.gif) no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFF !important;
	width: 405px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	line-height: 25px;
	display: block;
	text-decoration: none;
	font-size: 88%;
}
.bt_red01_s, .bt_red01_m, .bt_red01_ml, .bt_red01_l, .bt_red01_ll, .bt_red01_s a, .bt_red01_m a, .bt_red01_ml a, .bt_red01_l a, .bt_red01_ll a {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFF;
	height: 25px;
	text-align: center;
	cursor: pointer;
	border: none;
	display: block;
	font-weight: 400;
	text-decoration: none !important;
	font-size: 12px !important;
}
.bt_red01_s, .bt_red01_m, .bt_red01_ml, .bt_red01_l, .bt_red01_ll {
	height: 25px;
}
.bt_red01_s {
	background: url(../img/common/bt_red01_s.png) no-repeat;
	width: 80px;
}
.bt_red01_m {
	background: url(../img/common/bt_red01_m.png) no-repeat;
	width: 120px;
}
.bt_red01_ml {
	background: url(../img/common/bt_red01_ml.png) no-repeat;
	width: 160px;
}
.bt_red01_l {
	background: url(../img/common/bt_red01_l.png) no-repeat;
	width: 240px;
}
.bt_red01_ll {
	background: url(../img/common/bt_red01_ll.png) no-repeat;
	width: 380px;
}
.bt_red01_s a, .bt_red01_m a, .bt_red01_ml a, .bt_red01_l a, .bt_red01_ll a {
	height: 25px;
	line-height: 25px;
	width: 100%;
}
.bt_css3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	color: #555;
	font-size: 100%;
	font-weight: 700;
	height: 30px;
	cursor: pointer;
	text-align: center;
	background-image: url(../img/common/bg_bt_css3.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.bt_red_l {
	background: url(../img/common/bt_red_l.png) no-repeat;
	color: #FFF;
	width: 265px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	border: none;
	display: block;
	font-size: 88%;
}
.bt_red_ll {
	background: url(../img/common/bt_red_ll.gif) no-repeat;
	color: #FFF;
	width: 405px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	border: none;
	display: block;
	font-size: 88%;
}
.bt_dered_l {
	background: url(../img/common/bt_dered_l.png) no-repeat;
	color: #FFF;
	width: 265px;
	height: 25px;
	text-align: center;
	cursor: default;
	border: none;
	display: block;
	font-size: 88%;
}
.bt_dered_ll {
	background: url(../img/common/bt_dered_ll.gif) no-repeat;
	color: #FFF;
	width: 405px;
	height: 25px;
	text-align: center;
	cursor: default;
	border: none;
	display: block;
	font-size: 88%;
}
.bt_br_s {
	background: url(../img/common/bt_br_s.png) no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFF;
	width: 80px;
	height: 25px;
	text-align: center;
	cursor: pointer;
	display: block;
	text-decoration: none;
	border: 0;
}
.pagetop a:link, .pagetop a:visited, .pagetop a:active, .bt_red_l a:visited, .bt_dered_l a:visited, .bt_red_ll a:visited, .bt_dered_ll a:visited {
	text-decoration: none;
}
.pagetop a:hover, .bt_red_l a:hover, .bt_red_l a:active, .bt_dered_l a:hover, .bt_gred_l a:active, .bt_red_ll a:hover, .bt_red_l a:active, .bt_dered_ll a:hover, .bt_gred_ll a:active, .bt_red_ll a:hover, .bt_red_ll a:active, .bt_dered_ll a:hover, .bt_gred_l a:active {
	text-decoration: underline;
}
.bt_s, .bt_gray_s {
	width: 80px;
}
.bt_m, .size_m, .simple_line table td.left_simple_line, .assist_nav_title, .bt_gray_m {
	width: 120px;
}
.bt_ml, .size_ml, .bt_gray_ml {
	width: 160px;
}
.bt_l, .size_l, .bt_gray_l {
	width: 240px;
}
.bt_ll, .size_ll, .bt_gray_ll {
	width: 380px;
}
.bt_red01_s:hover, .bt_red01_m:hover, .bt_red01_ml:hover, .bt_red01_l:hover, .bt_red01_ll:hover, .bt_css3:hover, .top_counter_small a:hover img, .top_pickup_before a:hover img, .top_pickup_after a:hover img, .navi_firstPage:hover, .navi_lastPage:hover, .navi_prev:hover, .navi_next:hover {
	background-position: bottom;
}
.bt_service a {
	background-image: url(../img/mypage/re_bt_services.png);
	width: 250px;
	height: 75px;
	margin-bottom: 5px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bt_service a:hover {
	background-color: transparent;
}
.bt_service a.bt_tool {
	background-position: 0 0;
}
.bt_service a.bt_material {
	background-position: 0 -85px;
}
.bt_service a.bt_sees {
	background-position: 0 -170px;
}
.bt_service a.bt_howto {
	background-position: 0 -255px;
}
.bt_service a.bt_regist {
	background-position: 0 -340px;
	height: 60px;
}
.bt_service a.bt_firsttime {
	background-position: 0 -405px;
	height: 60px;
}
.bt_service a.bt_rental {
	background-position: 0 -470px;
}
.bt_service a.bt_tool:hover {
	background-position: 250px 0;
}
.bt_service a.bt_material:hover {
	background-position: 250px -85px;
}
.bt_service a.bt_sees:hover {
	background-position: 250px -170px;
}
.bt_service a.bt_howto:hover {
	background-position: 250px -255px;
}
.bt_service a.bt_regist:hover {
	background-position: 250px -340px;
}
.bt_service a.bt_firsttime:hover {
	background-position: 250px -405px;
	height: 60px;
}
.bt_service a.bt_rental:hover {
	background-position: 250px -470px;
}
/*よみキャラ*/
h2.bg_bluet {
	background: none;
	background: rgb(135, 205, 217);
	margin: 0px 0 5px 0;
}
.bt_service a.ycliner {
	background-image: url(../img/submenu/banner/banner_ycliner.png);
	width: 250px;
	height: 75px;
	margin-bottom: 5px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bt_service a.ycliner:hover {
	background-position: bottom;
}
.bt_service a.charapro {
	background-image: url(../img/submenu/banner/banner_charapro_250x75.png);
	width: 250px;
	height: 75px;
	margin-bottom: 5px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bt_service a.charapro:hover {
	background-position: bottom;
}
/*コンテスト*/
h2.bg_redt {
	background: none;
	background: rgb(135, 205, 217);
	margin: 10px 0 5px 0;
}
.bt_service a.contest_p {
	background-image: url(../img/submenu/banner/contest_banner_1007_250x57.png);
	width: 250px;
	height: 75px;
	margin-bottom: 5px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bt_service a.contest_p:hover {
	background-position: bottom;
}
/*イラスタコミスタキャンペーン*/
.bt_service a.iscs_mini {
	background-image: url(../img/submenu/banner/iscs_upgrade_banner.png);
	width: 250px;
	height: 75px;
	margin-bottom: 5px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bt_service a.iscs_mini:hover {
	background-position: bottom;
}
/*GOLD購入キャンペーン*/
.bt_service a.gold_buy {
	background-image: url(../img/submenu/banner/clip_250x75.png);
	width: 250px;
	height: 75px;
	margin-bottom: 5px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.bt_service a.gold_buy:hover {
	background-position: bottom;
}
/*****************************************************素材をさがす　詳細ページダウンロードボタン*/
.bt_material_download input[type=button], .bt_material_download input[type=submit] {
	width: 160px !important;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
	cursor: pointer;
	border: solid #A9C1CD 2px;
	font-weight: 400;
	font-size: 12px !important;
	background-image: url(../img/common/re_bg_common_bt.gif);
	background-repeat: repeat-x;
	background-color: #D4E0E6;
	margin: 5px 0 !important;
	position: relative;
	border-radius: 5px;
}
/*素材をさがす　詳細ページダウンロードボタン ディゼルブ*/
.bt_material_download .disabled input[type=button], .bt_material_download .disabled input[type=submit] {
	background-color: #eee;
	background-image: none;
	border-color: #ccc;
	color: #aaa;
	cursor: default;
	opacity: 0.8 !important;
}
.bt_material_download input[type=button]:hover, .bt_material_download input[type=submit]:hover {
	background-position: 0 bottom;
}
/*****************************************************************************************************　h1 etc words　*/
h1, .module_title h2 {
	color: #666;
	font-size: 100%;
	font-weight: 700;
	width: auto;
	line-height: 110%;
	margin: 0;
	padding: 0;
	background: none;
}
.beta {
	font-size: 10px !important;
	font-weight: normal !important;
	width: 14em;
	text-align: center;
	height: 18px;
	display: block;
	line-height: 18px !important;
	padding: 0 !important;
	background-color: #fff;
	border: solid 1px #ddd;
	color: #CC3300;
	text-decoration: none;
	position: absolute;
	top: 6px;
	right: 10px;
	border-radius: 5px;
}
h2 {
	color: #FFF;
	font-size: 100%;
	font-weight: 700;
	width: auto;
	line-height: 110%;
	background-color: #666;
	margin: 0 0 10px;
	padding: 7px 5px 7px 7px;
	position: relative;
	border-radius: 5px;
}
h2.bg_none {
	background: none;
	padding: 4px 5px 2px 0;
}
h2.bg_line {
	color: #FFF;
	font-size: 100%;
	font-weight: 700;
	width: auto;
	line-height: 110%;
	background: none;
	background: #8D8071;
	margin: 0 0 15px;
	padding: 4px 5px 2px 7px;
}
p+h2, ul+h2, div+h2, span+h2 {
	margin-top: 30px;
}
h3 {
	color: #666;
	border: solid #e5e5e5 1px;
	background-color: #eee;
	font-size: 100%;
	font-weight: 700;
	line-height: 1em;
	margin: 20px 0 10px;
	padding: 3px 0 3px 5px;
	position: relative;
	border-radius: 5px;
}
h3.bg_none {
	background: none;
	border: none;
	margin-top: 0;
	padding: 4px 5px 2px 0;
}
h3.privilege {
	color: #FF9A02;
	border: none;
	background: #fff url(../img/common/ico_flower.png) no-repeat left 3px;
	font-size: 110%;
	font-weight: 700;
	line-height: 1em;
	margin: 20px 0 10px;
	padding: 6px 0 0 20px;
	position: relative;
	border-radius: 5px;
}
h3.privilege_2 {
	color: #3399cc;
	border: none;
	background: #fff url(../img/common/ico_plus.png) no-repeat left 3px;
	font-size: 110%;
	font-weight: 700;
	line-height: 1em;
	margin: 20px 0 10px;
	padding: 6px 0 0 20px;
	position: relative;
	border-radius: 5px;
}
h3.privilege_3 {
	color: #3399cc;
	border: none;
	background: #fff url(../img/common/ico_up.png) no-repeat left 3px;
	font-size: 110%;
	font-weight: 700;
	line-height: 1em;
	margin: 20px 0 10px;
	padding: 6px 0 0 20px;
	position: relative;
	border-radius: 5px;
}
h3.privilege_4 {
	color: #66cc00;
	border: none;
	background: #fff url(../img/common/ico_star.png) no-repeat left 3px;
	font-size: 110%;
	font-weight: 700;
	line-height: 1em;
	margin: 20px 0 10px;
	padding: 6px 0 0 20px;
	position: relative;
	border-radius: 5px;
}
a.more_link {
	font-size: 10px !important;
	font-weight: normal !important;
	width: 60px;
	text-align: center;
	height: 15px;
	display: block;
	line-height: 15px !important;
	padding: 0 !important;
	background-color: #999;
	color: #fff;
	text-decoration: none;
	position: absolute;
	top: 2px;
	right: 2px;
	border-radius: 5px;
}
a.more02 {
	background-color: #0099CC;
}
a.more_link:hover {
	background-color: #666;
	color: #fff;
}
a.more02:hover {
	background-color: #0487AA;
}
.module_title a.more_link {
	top: 5px !important;
	right: 5px !important;
}
h2 a.more_link {
	top: 5px !important;
	right: 3px !important;
	border: solid 1px #ccc;
}
.module_title a.more02 {
	right: 70px !important;
}
h2 a.more02 {
	right: 70px !important;
}
.module_title a.posi_r {
	right: 5px !important;
}
h4 {
	color: #53839B;
	font-size: 95%;
	font-weight: 700;
	line-height: 1.4em;
	margin: 10px 0;
}
p {
	margin-bottom: 15px;
}
.mono {
	font-family: monospace;
}
.del_line {
	text-decoration: line-through;
}
/*****************************************************************************************************　tag tab　*/
.tagbox {
	line-height: 2em;
}
.tagbox span {
	display: inline-block;
	margin: 0 5px;
}
.tagbox span span {
	margin: 0;
}
.sub_contents .tagbox {
	line-height: 1.7em;
}
.tagLevel2 {
	font-size: 18px;
	font-weight: 700;
}
.tagLevel3 {
	font-size: 24px;
	font-weight: 700;
}
.tagLevel1, .site_create .tagLevel1 {
	font-size: 12px;
}
.site_create .tagLevel2, .site_create .tagLevel3 {
	font-size: 12px;
	font-weight: 400;
}
.module_tab {
	width: auto;
	background-color: #fff;
	height: auto;
	font-size: 90%;
	padding: 10px 5px 0 8px;
	line-height: 120%;
}
.tab_on .tab_left {
	background: url(../img/common/bg_tab_on_left.gif) top right no-repeat;
	width: 6px;
	height: 30px;
}
.tab_on .tab_center {
	color: #FFF;
	background: url(../img/common/bg_tab_on_center.gif) top repeat-x;
	width: auto;
	height: 25px;
	padding: 5px 1px 0 5px;
}
.tab_on .tab_right {
	background: url(../img/common/bg_tab_on_right.gif) top left no-repeat;
	width: 12px;
	height: 30px;
}
.tab_off .tab_left {
	background: url(../img/common/bg_tab_off_left.gif) top right no-repeat;
	width: 14px;
	height: 30px;
}
.tab_off .tab_center {
	color: #FFF;
	background: url(../img/common/bg_tab_off_center.gif) top repeat-x;
	width: auto;
	height: 25px;
	padding: 5px 1px 0 5px;
}
.tab_off .tab_right {
	background: url(../img/common/bg_tab_off_right.gif) top left no-repeat;
	width: 12px;
	height: 30px;
}
.tab_off .start {
	background: url(../img/common/bg_tab_off_left_start.gif) top right no-repeat;
}
.tab_off .on_off {
	background: url(../img/common/bg_tab_on_off_left.gif) top right no-repeat;
}
.tab_off .end {
	background: url(../img/common/bg_tab_off_right_end.gif) top left no-repeat;
	width: 27px;
}
.tab_on .end {
	background: url(../img/common/bg_tab_on_right_end.gif) top left no-repeat;
	width: 27px;
}
.tab_center_2line {
	height: 40px !important;
}
.tab_center_3line {
	height: 55px !important;
}
.module_tab_bottom {
	width: auto;
	border: solid #999;
	border-width: 0 1px;
}
.module_tab_line {
	width: auto;
	height: 1px;
	background-color: #BBAEAB;
	border-top: solid #eee 1px;
	border-bottom: solid #999 1px;
}
#linePart .module_tab_line {
	height: 4px;
	border-bottom: none;
}
.tab_off .tab_center a, .button_on .button_middle td a, .blockbox {
	display: block;
}
.module_tab a:link, .module_tab a:visited, .module_tab a:hover {
	color: #FFF;
}
.tab_off a:link, .tab_off a:visited, .tab_off a:active {
	text-decoration: none;
	color: #CCC;
}
.tab_off a:hover, .button_on a:hover {
	text-decoration: underline;
	color: #fff;
}
.module_tab a {
	background: transparent;
}
.module_tab a:link, .module_tab a:visited {
	color: #FFF;
	text-decoration: none;
}
.module_tab a:hover, .module_tab a:active {
	color: #FFF;
	text-decoration: underline;
}
.module_tab .tab_off a:link, .module_tab .tab_off a:visited {
	color: #999;
	text-decoration: none;
}
.module_tab .tab_off a:hover, .module_tab .tab_off a:active {
	color: #999;
	text-decoration: underline;
}
/****************************　gold_info bar　*/
.gold_info {
	background-image: url(../img/gold/re_bg_gold_info.gif);
	background-repeat: no-repeat;
	width: 728px;
	height: 50px;
	position: relative;
	border-top: solid 1px #ccc;
}
.info_short {
	background-image: url(../img/gold/re_bg_gold_info_short.gif);
}
.gold_info .infotxt {
	font-size: 10px;
	position: absolute;
	top: 3px;
	left: 105px;
	width: 373px;
	line-height: 1.5em;
	color: #888;
}
.info_short .infotxt {
	left: 125px;
}
.info_short a.to_gold {
	right: 84px;
}
a.to_detail, a.to_gold {
	height: 25px;
	width: 105px;
	background-image: url(../img/gold/re_bt_clip_g.png);
	display: block;
	position: absolute;
	bottom: 12.5px;
	right: 133px;
	text-indent: -9999px;
	overflow: hidden;
}
a.to_gold {
	width: 120px;
	background-position: -110px 0;
	right: 8px;
}
a.to_detail:hover {
	background-position: 0 bottom;
}
a.to_gold:hover {
	background-position: -110px bottom;
}
/****************************　regist_info bar　*/
.regist_info {
	padding: 6px 0 0 12px;
	position: relative;
	border-top: solid 1px #ccc;
}
.regist_info p {
	position: relative;
	top: 6px;
	color: #888;
	font-size: 11px;
	line-height: 1.3;
}
a.to_login, a.to_regist {
	height: 25px;
	width: 105px;
	background-image: url(../img/common/re_bt_login_regist.png);
	display: block;
	position: absolute;
	top: 12px;
	right: 133px;
	text-indent: -9999px;
	overflow: hidden;
}
a.to_regist {
	width: 120px;
	background-position: -110px 0;
	right: 8px;
}
a.to_login:hover {
	background-position: 0 bottom;
}
a.to_regist:hover {
	background-position: -110px bottom;
}
.login_info {
	background-image: url(../img/regist/re_bg_login_info.gif);
	background-repeat: no-repeat;
	width: 698px;
	height: 50px;
	position: relative;
	border: solid 1px #ccc;
}
/*****************************************************************************************************　other　*/
#search_toggle {
	display: inline-block;
	width: 9.5em;
	cursor: pointer;
}
a:hover > #search_toggle {
	background-color: transparent;
}
.cleaner {
	clear: both;
}
.clear_after, .module_title {
	zoom: 100%;
}
.clear_after:after, .module_title:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.left_float {
	float: left !important;
}
.left_align {
	text-align: left !important;
}
.right_float {
	float: right !important;
}
.right_align, .right_align th, .right_align td {
	text-align: right !important;
}
.center_margin {
	margin: 0 auto !important;
	display: block !important;
}
.center_vertical {
	vertical-align: middle !important;
}
.center_align, .center_align th, .center_align td {
	text-align: center !important;
}
.black5_base, .black5_base td, .black5_base th {
	background: #f8f8f8;
}
.black15_base, .black15_base td, .black15_base th {
	background: #E5E5E5;
}
.black30_base, .black30_base td, .black30_base th {
	background: #B2B2B2;
	color: #FFF;
}
.black45_base, .black45_base td, .black45_base th {
	background: #6E6E6E;
	color: #FFF;
}
.caution_red {
	color: #CD6F70 !important;
}
.caution_blue {
	color: #5F89B3 !important;
}
.red {
	color: red;
}
.bg_gray {
	background: whiteSmoke;
}
.entrybox p img, p img, .entrybox table td a img, .entrybox img {
	vertical-align: baseline;
	margin: 0 0 -2px !important;
	padding: 0 0 0 2px;
}
.bold, .module_tab table td, .module_tab a:link, .module_tab a:visited, .module_tab a:hover {
	font-weight: 700;
}
.simple_line table {
	color: #666;
	border: solid #CCC 1px;
	border-width: 1px 0 0 1px;
	border-collapse: collapse;
	border-spacing: 0;
}
.simple_line table th {
	border: solid #CCC 1px;
	text-align: center;
	font-weight: 700;
	font-size: 85%;
	border-width: 0 1px 1px 0;
	padding: 3px 5px;
}
.simple_line table td {
	border: solid #CCC 1px;
	font-size: 85%;
	border-width: 0 1px 1px 0;
	padding: 5px 7px 3px 7px;
}
.tool_table th {
	background-color: #eee;
	line-height: 1em;
	padding-bottom: 2px !important;
}
.tool_table td {
	border-right-style: dotted !important;
}
td.bg_color {
	background-color: #E8E8E8;
}
.simple_line_fs table td, .simple_line_fs table th {
	font-size: 100% !important;
}
.separator_dotted {
	border-bottom: dotted #CCC 1px;
	height: 1px;
	width: auto;
	margin-bottom: 10px;
}
.separator_solid {
	border-bottom: solid #CCC 1px;
	height: 10px;
	width: auto;
	margin-bottom: 10px;
}
.separator_solid_martop {
	border-bottom: solid #CCC 1px;
	height: 5px;
	width: auto;
	margin-top: 2px;
}
.bg_top {
	background: url(../img/top/bg_top.jpg);
	width: 720px;
	height: 890px;
	position: relative;
}
.bg_floor {
	background: url(../img/common/bg_floor.gif) no-repeat;
}
.bg_download_top {
	background: url(../img/download/download_top.gif) no-repeat;
	height: 180px;
}
.bg_download_illuststudio {
	background: url(../img/download/download_illuststudio.gif) no-repeat center top;
	height: 180px;
}
.bg_download_comicstudio {
	background: url(../img/download/download_comicstudio.gif) no-repeat center top;
	height: 180px;
}
.bg_download_retas {
	background: url(../img/download/download_retas.gif) no-repeat;
	height: 180px;
}
.bg_download_tablet {
	background: url(../img/download/download_tablet.jpg) no-repeat center top;
	height: 300px;
}
.bg_download_metasequoia {
	background: url(../img/download/download_metasequoia.gif) no-repeat center top;
	height: 180px;
}
.bg_download_metasequoia4 {
	background: url(../img/download/download_metasequoia4.png) no-repeat center top;
	height: 180px;
}
.bg_download_novelstudio {
	background: url(../img/download/download_novelstudio.gif) no-repeat center top;
	height: 180px;
}
.bg_download_bookliner {
	background: url(../img/download/download_bookliner.gif) no-repeat center top;
	height: 180px;
}
.bg_download_mobileliner {
	background: url(../img/download/download_mobileliner.gif) no-repeat center top;
	height: 180px;
}
.bg_downloader_clipdownloader {
	background: url(../img/download/download_clipdownloader.gif) no-repeat center top;
	height: 180px;
}
.bg_download_posestudio {
	background: url(../img/download/download_posestudio.gif) no-repeat center top;
	height: 180px;
}
.bg_download_ycliner {
	background: url(../img/download/download_ycliner.gif) no-repeat center top;
	height: 180px;
}
.bg_download_rokkaku {
	background: url(../img/download/download_rokkaku.gif) no-repeat center top;
	height: 180px;
}
.bg_download_sashie {
	background: url(../img/download/download_sashie.png) no-repeat center top;
	height: 183px;
}
.bg_download_clipstudiopaint {
	background: url(../img/download/download_clipstudiopaint.png) no-repeat center top;
	height: 180px;
}
.bg_download_digital_softwear {
	background: url(../img/download/download_digital_softwear.png) no-repeat center top;
	height: 180px;
}
.bg_download_clipstudioaction {
	background: url(../img/download/download_clipstudioaction_2.png) no-repeat center top;
	height: 180px;
}
.bg_download_clipstudioaction6 {
	background: url(../img/download/download_clipstudioaction_6.png) no-repeat center top;
	height: 180px;
}
.bg_download_clipstudiocoordinate {
	background: url(../img/download/download_clipstudiocoordinate.png) no-repeat center top;
	height: 180px;
}
.bg_download_qumarion {
	background: url(../img/download/download_qumarion.png) no-repeat center top;
	height: 180px;
}
.bg_download_max {
	background: url(../img/download/download_qumarion_max.png) no-repeat center top;
	height: 180px;
}
.bg_download_maya {
	background: url(../img/download/download_qumarion_maya.png) no-repeat center top;
	height: 180px;
}
.bg_clippentablet {
	background: url(../img/download/clip_pentablet.gif) no-repeat center top;
	height: 180px;
}
.bg_clipcreaterset {
	background-image: url(../img/download/clipset.png);
	height: 180px;
}
.bg_is_cs_set {
	background-image: url(../img/download/is_cs_set.gif);
	height: 180px;
}
.bg_rental_free {
	background: url(../img/rental/rental_free.jpg) no-repeat;
	height: 180px;
}
.bg_rental_light {
	background: url(../img/rental/rental_light.jpg) no-repeat;
	height: 180px;
}
.bg_rental_standard {
	background: url(../img/rental/rental_standard.jpg) no-repeat;
	height: 180px;
}
.bg_rental_deluxe {
	background: url(../img/rental/rental_deluxe.jpg) no-repeat;
	height: 180px;
}
.bg_donation {
	background: url(../img/donation/bg_donation.gif) no-repeat;
	height: 220px;
}
.bg_donation_completion {
	background: url(../img/donation/bg_donation_completion.gif) no-repeat;
	height: 130px;
}
.bg_main_tool {
	background-image: url(../img/tool/visual_tool.gif);
	background-repeat: no-repeat;
	width: 728px;
	height: 200px;
}
.bg_main_about, .bg_main_lab {
	width: 728px;
	height: auto;
	padding: 10px;
}
.popup_bg_paint_lab {
	width: 980px;
	margin: 0 auto;
	height: 589px;
	background-image: url(../img/cpl_pr_big.jpg);
}
.popup_bg_character_lab {
	width: 980px;
	margin: 0 auto;
	height: 1266px;
	background-image: url(../img/ccl_detail_big.jpg);
}
.popup_bg_web_paint {
	width: 980px;
	margin: 0 auto;
	height: 1096px;
	background-image: url(../img/wp_pr_big.jpg);
}
.flash_top_02 {
	position: absolute;
	top: 620px;
	left: 30px;
	width: 490px;
	height: 230px;
}
.donation_top img {
	background-image: url(../img/donation/top_donation.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 690px;
	height: 260px;
}
.donation_top img:hover {
	background-position: 0 -260px;
}
.donation_top_completion img, .donation_top_completion img:hover {
	background-image: url(../img/donation/top_donation_completion.gif);
	background-position: 0 0;
}
.top_counter_small {
	width: 150px;
	height: 200px;
	position: absolute;
	top: 620px;
	right: 30px;
}
.top_counter_small a img {
	background-image: url(../img/top/flash_counter_bt_samll_about_clip.gif);
	background-position: top;
	width: 150px;
	height: 200px;
}
.top_pickup_before a img {
	background-image: url(../img/top/pickup_before.gif);
	background-position: top;
	width: 350px;
	height: 90px;
}
.top_pickup_after a img {
	background-image: url(../img/top/pickup_after.gif);
	background-position: top;
	width: 350px;
	height: 90px;
}
.news_top_area {
	position: absolute;
	top: 317px;
	left: 218px;
	width: 485px;
	height: 160px;
}
.more_news {
	text-align: right;
	position: absolute;
	bottom: 18px;
	right: 8px;
	font-size: 90%;
}
.news_top_area .space_news {
	overflow: auto;
	height: 120px;
	width: 472px;
	padding: 0 5px 0 0;
}
.space_news p {
	font-size: 90%;
	line-height: 1.3em;
	text-indent: -6em;
	margin: 0 0 5px;
	padding: 0 0 0 6em;
}
.more_list .space_news p {
	font-size: 90%;
	line-height: 1.3em;
	margin: 0 0 10px;
}
.errosbox {
	color: red;
	font-size: 10px;
	font-weight: 700;
	margin-left: 0;
}
.pagetop {
	margin: 0 auto;
	text-align: right;
	padding: 0 0 20px;
	width: 980px;
	height: 40px;
}
.scrollbox {
	border: 1px solid #777;
	background-color: #FFF;
	height: 210px;
	overflow: auto;
	width: auto;
	padding: 20px;
}
.box_log_after {
	border: solid 1px #ccc;
	background-color: #fff;
	height: 22px;
	position: relative;
	border-radius: 5px;
	padding: 2px 8px;
	width: auto;
	text-align: right;
	float: right;
	vertical-align: middle;
}
.box_log_after table {
	padding: 0;
	margin: 0;
	height: 22px;
	border-collapse: collapse;
	border-spacing: 0;
}
.box_log_after table td {
	padding: 0;
	vertical-align: middle;
}
.cursor_default {
	cursor: default !important;
}
.cursor_hand {
	cursor: pointer !important;
}
.whiteback {
	background: #FFF;
}
.pointsidebox {
	float: right;
	margin-top: 15px;
}
.borderbox {
	border: 3px solid #ccc;
}
.font85 {
	font-size: 85%;
	line-height: 1.2em;
}
.fontnomal {
	font-weight: 400 !important;
}
.font70 {
	font-size: 70%;
}
.bgc_w {
	background: #fff;
}
.utility_nav_top, .utility_nav_top_long {
	width: 728px;
	background: #F0F0F0;
	border-top: 1px solid #D9D9D9;
	float: left;
	display: none;
}
.module_capinbox {
	width: auto;
	text-align: right;
	color: #FFF;
	margin: 0 3px 0 0;
	padding: 3px 0 3px 3px;
}
.utility_nav_bottom, .utility_nav_bottom_long {
	width: 728px;
	background: #F0F0F0;
	border-bottom: 1px solid #D9D9D9;
	float: left;
	display: none;
}
.module_capbox_bottom {
	width: auto;
	display: block;
	text-align: right;
	padding: 5px 5px 5px 0;
}
.mesagebox {
	width: 728px;
	text-align: right;
}
.mesagebox_one {
	width: auto;
	text-align: right;
}
.qbox {
	float: left;
	margin: 0 2px 0 0;
}
.qbox01 {
	float: left;
	margin: 0 10px 0 2px;
	padding: 0 2px 0 0;
}
.qbox02 {
	float: left;
	margin: 0 10px 0 2px;
	padding: 0 380px 0 0;
}
.qbox03 {
	float: left;
	margin: 3px 0 0 5px;
}
.qbox a, .qbox01 a, .qbox02 a, .qbox03 a {
	overflow: hidden;
	display: block;
	position: relative;
	height: 16px;
}
.qbox a img, .qbox01 a img, .qbox02 a img, .qbox03 a img {
	position: absolute;
	left: 0;
}
.help {
	vertical-align: middle;
	padding: 2px 0 0;
}
.help_white {
	vertical-align: middle;
	float: left;
	padding: 0 0 0 5px;
}
span.tooltip {
	display: none;
	line-height: 1.5;
	color: #FFF;
	width: 200px;
	background: #8d8071;
	border: 2px solid #FFF;
	font-size: small;
	height: auto;
	text-align: left;
	padding: 1em;
}
.tooltipbox {
	cursor: pointer;
}
.notebox {
	border: 1px solid #ddd;
	background: #eee;
	margin: 0 0 20px;
	padding: 15px;
}
.cautionbox {
	padding: 8px 12px;
	border: 3px double #ddd;
	background-color: #f8f8f8;
	position: relative;
	border-radius: 10px;
}
.cautionbox_red {
	padding: 8px 12px;
	border: 3px double #CD6F70;
	background-color: #f8f8f8;
	position: relative;
	border-radius: 10px;
}
.help_caution {
	margin: 0.5em 0 15px 0;
	border: 1px solid #cd6f70;
	padding: 15px;
	position: relative;
	border-radius: 5px;
}
.h30 {
	height: 30px;
}
.cpbox {
	font-weight: 700;
	color: #588caf;
	padding-bottom: 2px;
}
.cpbox_w {
	font-weight: 700;
	color: #FFF;
	padding-bottom: 2px;
}
.wordBreak, .thumb_info {
	white-space: normal;
	word-break: break-all;
	-ms-word-break: break-all;
	word-wrap: break-word;
	overflow: hidden;
}
span.wordBreak {
	display: inline-block;
}
.nowrap {
	white-space: nowrap;
}
table.tablesection {
	width: 560px;
}
table.tablesection tr td {
	vertical-align: top;
}
.news_side65 {
	padding: 15px 62px 0;
}
#text {
	width: 500px;
	margin: 50px auto;
}
.hotspot {
	color: #900;
	padding-bottom: 1px;
	border-bottom: 1px dotted #900;
	cursor: pointer;
}
#tt {
	position: absolute;
	display: block;
	background: url(images/tt_left.gif) top left no-repeat;
}
#tttop {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_top.gif) top right no-repeat;
	overflow: hidden;
}
#ttcont {
	display: block;
	margin-left: 5px;
	background: #666;
	color: #FFF;
	padding: 2px 12px 3px 7px;
}
#ttbot {
	display: block;
	height: 5px;
	margin-left: 5px;
	background: url(images/tt_bottom.gif) top right no-repeat;
	overflow: hidden;
}
.contents_area {
	border: 1px solid #ccc;
	width: auto;
	padding: 10px 15px;
	margin-bottom: 10px;
	position: relative;
	border-radius: 5px;
}
a.OverImg {
	overflow: hidden;
	display: block;
	position: relative;
}
a.OverImg img {
	position: absolute;
}
.navi {
	float: right;
	line-height: 20px;
	margin-bottom: 10px !important;
}
.navi a {
	text-decoration: none !important;
	float: left;
	height: 20px;
	display: block;
	background: none;
	padding: 0 8px;
}
.navi a:hover {
	text-decoration: underline !important;
}
.navi_firstPage, .navi_lastPage, .navi_prev, .navi_next {
	float: left;
	height: 20px;
	text-indent: -9999px;
	text-align: center;
	overflow: hidden;
	color: #fff;
}
.navi_prev, .navi_next {
	font-size: 90%;
}
.navi_firstPage, .navi_lastPage {
	font-size: 80%;
}
.navi_firstPage {
	width: 60px;
	background: url(../img/common/navi_firstPage.png) no-repeat;
}
.navi_lastPage {
	width: 60px;
	background: url(../img/common/navi_lastPage.png) no-repeat;
}
.navi_prev {
	width: 60px;
	background: url(../img/common/navi_prev.png) no-repeat;
	margin: 0;
}
.navi_next {
	width: 60px;
	background: url(../img/common/navi_next.png) no-repeat;
	margin: 0;
}
.navi .nowPage {
	font-weight: 700;
	font-size: 150%;
	padding: 0 8px;
}
ol.list_number, ol.list_number li {
	list-style-type: decimal !important;
}
ol.list_number li {
	margin-left: 18px;
}
ol.list_number li .none_list_number, ol.list_number li .none_list_number li {
	list-style-type: none !important;
}
.list_inner {
	list-style-type: none !important;
}
.list_inner li {
	padding-bottom: 0;
	list-style: none;
	position: relative;
	margin-left: 27px;
}
.list_inner li span {
	position: absolute;
	top: 0;
	left: -2em;
}
.list_number li .list_inner li {
	margin-left: 27px;
}
.print_nav_box {
	color: #fff;
}
.print_nav {
	background: url(../img/clipdisk/guide_02.jpg) no-repeat;
	width: 94px;
	vertical-align: top;
	padding: 5px 2px 2px 8px;
}
.print_nav_title {
	font-size: 85%;
	width: 70px;
	line-height: 1.3em;
}
.print_nav_02 {
	background: url(../img/clipdisk/guide_01.jpg) no-repeat;
	width: 94px;
	vertical-align: top;
	padding: 5px 2px 2px 8px;
}
.new_icon {
	background: url(../img/common/ico_new.gif) no-repeat;
	width: 40px;
	height: 16px;
	display: block;
	margin-bottom: 3px;
}
#right_side_container .banner_area a:hover, #right_side_container .banner_area a img:hover {
	background: none !important;
}
#right_side_container .banner_area a img:hover {
	background-position: 0 0 !important;
}
img, .module, .module_tab table {
	margin: 0;
}
hr, .pankuzu_off {
	display: none;
}
input[type=checkbox], table.tablesection tr td.middlesection {
	vertical-align: middle;
}
#header_left a:hover, .module_contents_howto_link a:hover, .donation_top a:hover {
	background: none;
}
.log_mail, .log_pwd {
	width: 250px;
	float: left;
}
.userbox_contents .list_headerimage a:link, .link_bt a:link, .header_text a:link, #topicpath a:link, .space_news a:link, .more_news a:link, .footertext1 a:link, .userbox_contents .list_headerimage a:visited, .link_bt a:visited, .header_text a:visited, #topicpath a:visited, .space_news a:visited, .more_news a:visited, .footertext1 a:visited, .userbox_contents .list_headerimage a:active, .link_bt a:active, .header_text a:active, #topicpath a:active, .space_news a:active, .more_news a:active, .footertext1 a:active, .footertext3 a:link, .footertext3 a:visited, .footertext3 a:active {
	text-decoration: underline !important;
	color: #888 !important;
}
.flash_top_01, .donation_top {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 690px;
	height: 260px;
}
.top_pickup_before, .top_pickup_after {
	width: 350px;
	height: 90px;
	position: absolute;
	top: 486px;
	right: 111px;
}
.entrybox img {
	margin-bottom: 20px;
}
.qbox a:hover img, .qbox01 a:hover img, .qbox02 a:hover img, .qbox03 a:hover img, a.OverImg:hover img {
	bottom: 0;
}
html:first-child+html .howto_bottomsection {
	height: 290px;
	margin: -3px 0 0;
	padding: 0;
}
/*-------------------------------------------------------------------------マウスオーバー時の背景グレーを消す*/
a.hover_none:hover, .hover_none a:hover {
	background-color: transparent !important;
}
/*-------------------------------------------------------------------------汎用的な透過マウスオーバーアクション*/
.hover_alpha:hover {
	opacity: 0.8 !important;
}
.txtblue {
	color: #53839B;
}
/***********************************************************************************　gold　*/
.table_gold_01 table, .table_gold_02 table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*************************************************　gold table 01　*/
.table_gold_01 {
	padding: 5px;
	width: auto;
	position: relative;
	border: solid #ccc 1px;
	background-color: #ccc;
	border-radius: 5px;
}
.table_gold_01 table {
	border: solid #ccc;
	border-width: 1px 1px 0;
}
.table_gold_01 table th, .table_gold_01 table td {
	border: none;
	background-color: #fff;
	border-bottom: solid 1px #ccc;
	padding: 6px 5px 4px;
	line-height: 1.2em;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
}
.table_gold_01 table th {
	background-color: #f8f8f8;
	color: #666;
	border-right: dotted 1px #ccc;
}
/*************************************************　gold table 02　*/
.table_gold_02 {
	margin: 5px 0 10px;
}
.mar_btm0 {
	margin-bottom: 0px !important;
}
.table_gold_02 table {
	width: 100%;
}
.table_gold_02 table th {
	background-image: url(../img/common/re_bg_table_header.gif);
	background-repeat: repeat-x;
	color: #777;
	line-height: 1.2em;
	padding: 5px 3px 4px;
}
.table_gold_02 table.border_change {
	border: none;
}
.table_gold_02 td.title {
	padding: 0;
	border: none;
}
.table_gold_02 th.border_left, .table_gold_02 td.border_left {
	border-left: 1px solid #ccc;
}
/*************************************************　gold table alert　*/
.gold_alert_box {
	padding: 7px 2px 5px 5px;
	width: 270px;
	position: relative;
	border: solid #ccc 1px;
	border-radius: 5px;
}
.gold_alert_box table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
.gold_alert_box table td {
	border: none;
	padding: 0 5px 0 0;
	vertical-align: top;
	line-height: 1.5em;
}
/*---------------------------Table Design(お申込み優待キャンペーンページなど)---------------------------------------------------------*/
.table_list {
	border: solid #999 1px;
	margin-bottom: 20px;
}
.table_list table {
	width: 100%;
	border: solid #ccc 1px;
	border-width: 1px 0 0 1px;
	border-spacing: 0;
}
.table_list table td {
	padding: 8px 12px;
	border: solid #ccc 1px;
	border-width: 0 1px 1px 0;
	background: #fff;
}
.table_list td.title {
	font-weight: bold;
	color: #666666;
	font-size: 90%;
	vertical-align: middle;
	line-height: 1.4em;
}
.table_list table td.nowrap {
	white-space: nowrap;
}
.table_list table td.line_vertical {
	border-left: solid #666 1px;
	padding-left: 10px;
}
.table_list table th {
	padding: 8px 12px;
	font-weight: bold;
	border: solid #ccc 1px;
	border-width: 0 1px 1px 0;
	background: #9ebac7;
	background-image: url(../img/common/bg_navi.png);
	background-repeat: repeat-x;
	color: #fff;
	text-align: left;
}
.table_list table td.first {
	width: 200px;
}
.table_list table td.second {
	width: 160px;
}
.table_list table td.last {
	text-align: center;
	width: 160px;
}
.table_list table tr.odd {
	background: #f5f5f5;
}
.table_list table td.checkbox {
	width: 15px;
}
.table_list table table {
	border: none;
}
/***************************************************************************************************** rentalのtableStyle　*/

/* 表組み */
#tables, #tables th, #tables td {
	border: 1px #cccccc solid;
	border-collapse: collapse;
}
#tables td.label, #tables th {
	background: #eee;
}
#tables td, #tables th {
	padding: 5px;
}
.credit_comp_tbl #tables, #tables th, #tables td {
	border: 1px #ddd solid;
	border-collapse: collapse;
	background: #f5f5f5;
}
.credit_comp_tbl #tables td.label, #tables th {
	background: #eee;
}
.credit_comp_tbl #tables td, #tables th {
	padding: 5px 5px 5px 15px;
}
.credit_comp_tbl .left_area {
	width: 200px;
}
.credit_comp_tbl #tables td.left_area01 {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
	background: #ddd;
	color: #a9a9a9;
	width: 20px;
}
/***************************************************************************************************** CLIP 購入＆申し込み画面レイアウト　*/
body#clipGoldLayout {
	min-width: 800px;
	background-color: whiteSmoke;
}
body#clipGoldLayout .wrapper {
	width: 85%;
	max-width: 1260px;
	min-width: 800px;
}
body#clipGoldLayout #header_contents {
	width: 100%;
	height: 35px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDD;
}
body#clipGoldLayout #container {
	width: 100%;
}
body#clipGoldLayout .module {
	padding: 8px;
	background: none;
	border: none;
	width: inherit;
}
body#clipGoldLayout #containerOneColumn {
	padding: 0;
}
body#clipGoldLayout #header_left {
	top: 20px;
}
body#clipGoldLayout .module_title {
	position: relative;
	width: auto;
	margin: 0 0 15px;
	font-size: 120%;
	line-height: 1.4em;
	border-radius: 5px;
	background: none;
	background-color: #759CAF;
	border: none;
}
body#clipGoldLayout .module_title h1 {
	color: #fff;
}
body#clipGoldLayout h2 {
	position: relative;
	width: auto;
	margin: 0 0 15px;
	color: white;
	font-size: 120%;
	line-height: 1.4em;
	border-radius: 5px;
	background: none;
	background: #759CAF;
	border: none;
}
body#clipGoldLayout h3 {
	margin: 0px 0 10px;
	background-color: #EEE;
	line-height: 1.4em;
	padding: 2px 7px;
	color: #777;
	border: solid 1px #BBB;
	position: relative;
	border-radius: 5px;
}
body#clipGoldLayout #footer {
	background-color: whiteSmoke;
	background-image: none;
}
body#clipGoldLayout .contents_area {
	border: 5px solid #EEE;
	background: #fff;
	padding: 15px 25px;
	position: relative;
	border-radius: 5px;
}
/*****************************************************************************************************　ご利用ガイドボタン　*/
.bt_guide {
	background-image: url(../img/support/bt_guide.png);
	width: 90px;
	height: 16px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	right: 10px;
	top: 7px;
}
.bt_guide:hover {
	background-image: url(../img/support/bt_guide.png);
}
.bt_guide:hover {
	opacity: 0.8 !important;
}
/*****************************************************************************************************　button line　*/
.button_set {
	width: auto;
	height: 25px;
	position: relative;
}
.button_line_same_right {
	bottom: 0px;
	position: absolute;
	right: 0px;
	text-align: right;
}
.button_line_same_left {
	bottom: 0px;
	position: absolute;
	left: 0px;
	text-align: left;
	z-index: 10;
}
/*****************************************************************************************************　COLOR BOX PROPATY　*/

.cboxElement {
	outline: none;
}
/*****************************************************************************************************　FONT PROPATY　*/
.fontDISABLE {
	color: #969696;
}
.fontBOLD {
	font-weight: bold;
}
.fontRED {
	color: #C02F27;
}
/*****************************************************************************************************　margin padding　*/
.mar_btm0 {
	margin-bottom: 0 !important;
}
.mar_btm2 {
	margin-bottom: 2px !important;
}
.mar_btm4 {
	margin-bottom: 4px !important;
}
.mar_btm5 {
	margin-bottom: 5px !important;
}
.mar_btm6 {
	margin-bottom: 6px !important;
}
.mar_btm8 {
	margin-bottom: 8px !important;
}
.mar_btm10 {
	margin-bottom: 10px !important;
}
.mar_btm12 {
	margin-bottom: 12px !important;
}
.mar_btm14 {
	margin-bottom: 14px !important;
}
.mar_btm15 {
	margin-bottom: 15px !important;
}
.mar_btm18 {
	margin-bottom: 18px !important;
}
.mar_btm20 {
	margin-bottom: 20px !important;
}
.mar_btm24 {
	margin-bottom: 24px !important;
}
.mar_btm30 {
	margin-bottom: 30px !important;
}
.mar_btm40 {
	margin-bottom: 40px !important;
}
.mar_btm50 {
	margin-bottom: 50px !important;
}
.mar_left2 {
	margin-left: 2px !important;
}
.mar_left4 {
	margin-left: 4px !important;
}
.mar_left6 {
	margin-left: 6px !important;
}
.mar_left10 {
	margin-left: 10px !important;
}
.mar_left15 {
	margin-left: 15px !important;
}
.mar_left18 {
	margin-left: 18px !important;
}
.mar_left20 {
	margin-left: 20px !important;
}
.mar_left24 {
	margin-left: 24px !important;
}
.mar_left40 {
	margin-left: 40px !important;
}
.mar_left1em {
	margin-left: 1em !important;
}
.mar_top0 {
	margin-top: 0 !important;
}
.mar_top2 {
	margin-top: 2px !important;
}
.mar_top3 {
	margin-top: 3px !important;
}
.mar_top4 {
	margin-top: 4px !important;
}
.mar_top6 {
	margin-top: 6px !important;
}
.mar_top7 {
	margin-top: 7px !important;
}
.mar_top8 {
	margin-top: 8px !important;
}
.mar_top10 {
	margin-top: 10px !important;
}
.mar_top15 {
	margin-top: 15px !important;
}
.mar_top20 {
	margin-top: 20px !important;
}
.mar_top30 {
	margin-top: 30px !important;
}
.mar_top40 {
	margin-top: 40px !important;
}
.mar_right5 {
	margin-right: 5px !important;
}
.mar_right8 {
	margin-right: 8px !important;
}
.mar_right0 {
	margin-left: 0;
	margin-right: 0 !important;
}
.mar_right10 {
	margin-right: 10px !important;
}
.mar_right15 {
	margin-right: 15px !important;
}
.mar_right20 {
	margin-right: 20px !important;
}
.mar_right30 {
	margin-right: 30px !important;
}
.mar_right40 {
	margin-right: 40px !important;
}
.mar0 {
	margin: 0 !important;
}
.padding_sees {
	padding: 20px 24px 5px;
}
.padding_0 {
	padding: 0 !important;
}
.padding_all {
	padding: 15px;
}
.padding_all_2 {
	padding: 0 1px 1px;
}
.padding_all_5 {
	height: auto;
	padding: 5px 5px 0;
}
.padding_all_side80 {
	padding: 15px 77px;
}
.padding_all_side65 {
	padding: 25px 65px 0;
}
.padding_onecolumn {
	padding: 25px 130px;
}
.padding_all_side45 {
	padding: 25px 45px 0;
}
.padd_top0 {
	padding-top: 0;
}
.padd_top1 {
	padding-top: 1px;
}
.padd_top2 {
	padding-top: 2px;
}
.padd_top3 {
	padding-top: 3px;
}
.padd_top4 {
	padding-top: 4px;
}
.padd_top5 {
	padding-top: 5px;
}
.padd_top10 {
	padding-top: 10px;
}
.padd_top14 {
	padding-top: 14px;
}
.padd_top20 {
	padding-top: 20px;
}
.padd_btm0 {
	padding-bottom: 0;
}
.padd_btm15 {
	padding-bottom: 15px;
}
.padd_btm20 {
	padding-bottom: 20px;
}
.padd_btm30 {
	padding-bottom: 30px;
}
.padd_right10 {
	padding-right: 10px;
}
.padd_right15 {
	padding-right: 15px;
}
.padd_20 {
	padding: 20px;
}
/*---------------------------------
	BUTTONS
-----------------------------------*/
button, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"], div.button, div.btn_myInfoEdit a, .bt_s a, .bt_m a, .bt_ml a, .bt_l a, .bt_ll a {
	-webkit-appearance: none !important;
	position: relative;
	vertical-align: middle;
	margin: 0;
	padding: 10px 15px;
	line-height: 100% !important;
	height: auto !important;
	border-radius: 5px;
	cursor: pointer;
	width: auto;
	overflow: visible;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	color: #666;
	text-decoration: none !important;
	display: inline-block;
	border: 1px solid #ccc;
	background-color: #eee;
	box-sizing: border-box;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif !important;
}
.small_bt, .bt_s a, .bt_m a, .bt_ml a, .bt_l a, .bt_ll a, .bt_gray_s a, .bt_gray_m a, .bt_gray_ml a, .bt_gray_l a, .bt_gray_ll a, input.bt_s, a.bt_s, input.bt_gray_s, input.bt_m, input.bt_ml, input.bt_l, input.bt_ll {
	padding: 5px 7px !important;
	font-size: 12px !important;
}
/*---------------------------------
	デフォルトカラー
-----------------------------------*/
button, a.button, a.button:visited, input[type="submit"], input[type="reset"], input[type="button"], ul.cspager li a, div.button {
	background-color: #eee;
}
button:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, ul.cspager li a:hover, div.button:hover, div.btn_myInfoEdit a:hover, .bt_s a:hover, .bt_m a:hover, .bt_ml a:hover, .bt_l a:hover, .bt_ll a:hover {
	background-color: #eee;
	opacity: 0.8 !important;
}
div.button.disable:hover {
	background-color: #999 !important;
	opacity: 1 !important;
}
/*---------------------------------
	カラー
-----------------------------------*/
.pink {
	background-color: #FF7BAC !important;
	border-color: #FF7BAC !important;
	color: #fff !important;
}
.red {
	background-color: #FF1D25 !important;
	border-color: #FF1D25 !important;
	color: #fff !important;
}
.orange {
	background-color: #FF931E !important;
	border-color: #FF931E !important;
	color: #fff !important;
}
.green {
	background-color: #7AC20D !important;
	border-color: #7AC20D !important;
	color: #fff !important;
}
.blue {
	background-color: #55ACEE !important;
	border-color: #55ACEE !important;
	color: #fff !important;
}
.black {
	background-color: #222 !important;
	border-color: #222 !important;
	color: #fff !important;
}
.gray {
	background-color: #777 !important;
	border-color: #777 !important;
	color: #fff !important;
}
.button.disable {
	background-color: #999 !important;
	border-color: #999 !important;
	color: #CCC !important;
	cursor: default !important;
}
/*----------hover*/

/*---------------------------------
	FORMS
-----------------------------------*/
form {
	padding: 0;
	margin: 0;
}
input[type="text"], input[type="email"], input[type="password"], select {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin: 0;
	border: 1px solid #ccc;
	font-size: 1em;
	padding: 10px 5px;
	border-radius: 5px;
	background: #fff;
	box-sizing: border-box;
}
select.small_bt {
	font-size: 12px;
	padding: 5px 5px;
}
.placeholder {
	color: #bbb;
}
/* FOCUS STATES */
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, a.button:focus, select:focus, input[type="file"]:focus, input[type="password"]:focus {
	box-shadow : 0 0 3px #6DB9FF;
	border: 1px solid #50B1FE;
	outline: none;
}
input[type=radio]:checked {
	border: solid 1px #000;
	background-color: #000;
	color: #000;
}
/* TRANSITION */
input[type="text"], input[type="email"], textarea, button, a.button, a.animation, input[type="file"], div.button {
	transition: box-shadow 0.5s, border 0.5s, background-color 0.2s, color 0.2s, opacity 0.2s, display 0.2s;
}
input.file, input[type="file"] {
	box-shadow: none;
	border: none;
}
/*---------------------------------
	pager
-----------------------------------*/
.pager {
	display: block;
	margin: 15px 0 5px;
	text-align: center;
}
.cspager ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 0;
	position: relative;
	top: 0;
	left: 0;
	border: 0;
	background: 0;
}
.cspager a, .cspager span {
	margin: 0 0 10px;
	border: 1px solid #ccc;
	display: inline-block;
	padding: 7px 10px;
	position: relative;
	top: 0;
	left: 0;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	line-height: 100%;
	margin-right: -1px;
	background-color: #E5ECF0;
}
.cspager a {
	color: #53839B !important;
	text-decoration: none !important;
}
.cspager span.pager_ellipsis {
	background-color: transparent;
	border: none;
	color: #333;
	font-size: 130%;
	vertical-align: middle;
}
.cspager .pager_current_link {
	background-color: #F90;
	color: #fff !important;
	border-color: #F90 !important;
	cursor: default;
}
.cspager span.pager_separator {
	display: none;
}
.cspager a:first-child, .cspager span:first-child {
	border-radius: 5px 0 0 5px;
}
.cspager a:last-child, .cspager span:last-child {
	border-radius: 0 5px 5px 0;
}
.cspager .pager_link.disabled, .cspager .pager_ellipsis {
	background-color: #eee;
	color: #AAA;
}
.clippy_number {
	color: #0099FF;
	display: inline-block;
	margin: 0 3px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.icon_clippy {
	background-image: url(../img/material/clippys.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 3px;
}
.icon_gold {
	background-image: url(../img/material/golds.png);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 3px;
}
.icon_ice {
	background-image: url(../img/common/icon_ice.png) !important;
	background-repeat: no-repeat !important;
	background-position: 4px center !important;
	background-size: auto 30px !important;
	padding-left: 36px !important;
}
.boxline {
	padding: 20px;
	border: 1px solid #CCC;
}
.disc li {
	margin-left: 2em;
	list-style-type: disc;
}
.indent {
	text-indent: -1.3em;
	padding-left: 2.3em;
}