@charset "utf-8";

/* ==================================================
layout
================================================== */
body {
	-webkit-text-size-adjust:none; /*横表示でもテキストサイズを変更しない*/
}
#tmp_contents,
#tmp_maincontents {
	word-wrap:break-word;
	word-break:break-all;
}
/* body
============================== */
* html body {
	text-align:center;
}
/* wrapper
============================== */
#tmp_wrapper {
	margin:0 auto;
	color:#333333 !important;
	background-color:#FFFFFF;
	text-align:left;
}
* html #tmp_wrapper {
	text-align:left;
}
/* main
============================== */
#tmp_wrap_main {
	padding:0 10px 0;
	background-color:#FFFFFF;
	clear:both; /* 変更しない */
}
/* contents
============================== */
#tmp_contents,
#tmp_maincontents {
	width:100%; /* 変更しない */
}
#tmp_contents {
	padding:0 0 10px;
}
.col_main {
	padding:0; /* デザインによって変更 */
}
/* ==================================================
header
================================================== */
#tmp_header {
	text-align:center;
	padding:0 10px;
	position:relative;
}
#tmp_hlogo {
	clear:both;
	padding:7px 0 0px;
	margin:0 0 7px;
}
#tmp_hlogo h1,
#tmp_hlogo p {
	text-align:center;
}
#tmp_hlogo h1 img,
#tmp_hlogo p img {
	vertical-align:top;
}
#tmp_hnavi_s {
	list-style:none;
	list-style-image:none;
}
#tmp_hnavi_s img {
	vertical-align:top;
}
#tmp_hnavi_s li {
	position:relative;
	z-index:1;
	font-size:0.1%;
	line-height:0.1;
}
#tmp_means #tmp_hnavi_menu {
	position:absolute;
	left:10px;
	top:14px;
}
#tmp_means #tmp_hnavi_sch {
	position:absolute;
	right:10px;
	top:14px;
}
#tmp_hnavi_s li a {
	display:block;
	background-color:#6C0E8B;
	text-decoration:none;
	border-radius:3px; /* CSS3 */
	-webkit-border-radius:3px; /* Webkit */
	-moz-border-radius:3px; /* Mozilla */
}
#tmp_means #tmp_hnavi_menu a {
	background:url(/shared/templates/smartphone_free/images/contents/menu_icon.png) no-repeat;
	background-size: cover;
}
#tmp_means #tmp_hnavi_sch a {
	background:url(/shared/templates/smartphone_free/images/contents/sch_icon.png) no-repeat;
	background-size: cover;
}   
#tmp_hnavi_s li a span {
	display:block;
	width:30px;
	height:30px;
	position:relative;
	z-index:-1;
	overflow:hidden;
}
/* sma_search
============================== */
#tmp_sma_menu .wrap_sma_sch {
	display:none;
	position:absolute;
	left:0;
	background-color:#FFFFFF;
	color:inherit;
	width:100%;
	z-index:9999;
	margin:-3px 0 0 0;
}
#tmp_sma_menu .sma_sch {
	padding:0 10px;
	text-align:left;
}
#tmp_sma_menu .sma_sch .att_txt {
	font-size:86%;
	padding:0 0 0.6em;
	line-height:1.2;
}
#tmp_sma_search .searchmenu {
	margin:10px;
	padding:0;
}
#tmp_sma_search .searchmenu ul{
	list-style:none;
}
#tmp_sma_search .searchmenu ul li{
	margin:0 0 0.5em;
}
#tmp_sma_search .btn_kensaku {
	background: linear-gradient(135deg, #a8e0db, #f2eaa4);
	color:inherit;
    padding: 12px 0 5px;
	margin:10px 0;
	text-align:center;
}
#tmp_sma_search .btn_kensaku input,
#tmp_sma_search .btn_genzaichi input {
	vertical-align:top;
}
#tmp_sma_search .btn_genzaichi {
	background:#F1F1F1;
	padding:5px;
	margin:10px 0;
	text-align:center;
	line-height:1.2;
}
#tmp_sma_search .btn_genzaichi p{
	margin:0 0 0.3em;
}
#tmp_sma_search .btn_genzaichi p:last-child{
	margin-bottom:0;
}
#tmp_sma_search #tmp_spotsearch{
	background-color:#6f6f6f;
	color: #FFF;
	text-align:left;
	padding-left:10px;
}
#tmp_sma_menu .wrap_sma_sch .close_btn {
	margin:15px 0 0;
}
#tmp_sma_menu .wrap_sma_sch .close_btn a {
	display:block;
	text-decoration:none;
	padding:7px 10px;
	background-image:-moz-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#CCCCCC));
	background-color:#CCCCCC;
	color:inherit;
	border:1px solid #DDDDDD;
	border-radius:3px; /* CSS3 */
	-webkit-border-radius:3px; /* Webkit */
	-moz-border-radius:3px; /* Mozilla */
	text-align:center;
}
.wrap_sma_sch .close_btn a span {
	background:url(/shared/templates/smartphone_top_renewal/images/close_icon.png) no-repeat left center;
	padding:0 0 0 30px;
	font-weight:bold;
}
/* gnavi */
#tmp_sma_gnavi {
	list-style:none;
	list-style-image:none;
}
#tmp_sma_gnavi li {
	margin:0 0 10px;
}
#tmp_sma_gnavi li a {
	display:block;
	padding:9px 10px;
	color:#FFFFFF;
	background-image:-moz-linear-gradient(top, #666666 0%, #000000 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#000000));
	background-color:#000000;
	text-decoration:none;
	font-weight:bold;
}
#tmp_sma_gnavi li a span {
	background:url(/shared/templates/smartphone_top_renewal/images/link_icon2.png) no-repeat left center;
	background-size:10px 10px;
	padding:0 0 0 13px;
}
#tmp_sma_snavi {
	list-style:none;
	list-style-image:none;
}
#tmp_sma_snavi li a {
	display:block;
	padding:5px 10px;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
}
#tmp_sma_snavi li a span {
	background:url(/shared/templates/smartphone_top_renewal/images/link_icon1.png) no-repeat left center;
	background-size:10px 10px;
	padding:0 0 0 13px;
}
/* select_lang
============================== */
#tmp_select_lang {
	padding:5px;
	background:url(/shared/templates/smartphone_top_renewal/images/bg_ptn1.gif) repeat left top;
	margin:0 0 5px;
	text-align:center;
}
/* ==================================================
navi
================================================== */
/* pnavi
============================== */
#tmp_pnavi {
	text-align:center;
}
#tmp_pnavi .ptop {
	width:140px;
	margin:0 auto;
	text-align:left;
	line-height:1.2;
}
#tmp_pnavi .ptop a {
	display:block;
	text-decoration:none;
	background-color:#FFFFFF;
	color:inherit;
	border:1px solid #DDDDDD;
	border-bottom:none;
	border-radius:3px 3px 0 0 / 3px 3px 0 0; /* CSS3 */
	-webkit-border-radius:3px 3px 0 0 / 3px 3px 0 0; /* Webkit */
	-moz-border-radius:3px 3px 0 0 / 3px 3px 0 0; /* Mozilla */
	padding:6px 8px 5px;
	font-size:86%;
}
#tmp_pnavi .ptop a span {
	background:url(/shared/site_smartphone_renewal/images/navi/pnavi/pnavi_icon.png) no-repeat left center;
	background-size:10px 10px;
	padding:0 0 0 13px;
}
/* pankuzu
============================== */
/* ==================================================
main
================================================== */
#tmp_main {
	width:100%; /* 変更しない */
	color:inherit;
	background-color:#FFFFFF;
	clear:both; /* 変更しない */
	text-align: left;
}
/* update
============================== */
#tmp_update {
	text-align:right;
}
/* ==================================================
footer
================================================== */
#tmp_footer {
	padding:10px;
	color:inherit;
	background-color:#E9E9E9;
	clear:both;
	font-size:86%;
}
#tmp_pankuzu {
	display:none;
}
/* ==================================================
class
================================================== */
/* text
============================== */
.underline {
	text-decoration:underline; /* 変更しない */
}
.strike {
	text-decoration:line-through; /* 変更しない */
}
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
/* 構築シートによって種類増減 */
.txt_red {
	color:#990000; /* デザインによって変更 */
	background-color:transparent; /* 変更しない */
}
.txt_green {
	color:#007500; /* デザインによって変更 */
	background:transparent; /* 変更しない */
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
.txt_big {
	font-size:130%; /* body 14pxのとき20px相当 */
	/* font-size:134%; body 12pxのとき16px相当 */
}
.txt_small {
	font-size:86%; /* body 14pxのとき12px相当 */
	/*font-size:84%;  body 12pxのとき10px相当 */
}
.space_lft1 {
	padding-left:1em; /* 変更しない */
}
/* image ▼変更しない
============================== */
.float_lft {
	margin-right:20px !important;
	margin-bottom:10px !important;
	clear:both;
	float:left;
}
.float_rgt {
	margin-bottom:10px !important;
	margin-left:20px !important;
	clear:both;
	float:right;
}
.clear {
	clear:both;
}
/* noicon ▼変更しない
============================== */
ul.noicon {
	margin-left:3.2em !important;
	text-indent:-1.5em !important;
	list-style:none !important;
	list-style-image:none !important;
}
ul.noicon ul,
ul.noicon ol,
ul.noicon p,
ul.noicon h1,
ul.noicon h2,
ul.noicon h3,
ul.noicon h4,
ul.noicon h5,
ul.noicon h6,
ul.noicon table,
ul.noicon div {
	text-indent:0 !important;
}
ul ul.noicon,
ol ul.noicon {
	margin-left:1.5em !important;
	text-indent:-1.5em !important;
}
/* ==================================================
parts
================================================== */
/* col2 ▼変更しない
============================== */
table.col2 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col2 td.col2L,
table.col2 td.col2R {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.col2 td.col2L {
	width:50%;
	border-right-width:15px;
}
#tmp_main table.col2 td.col2L {
	border-right:15px solid #FFFFFF;
}
table.col2 td.col2R {
	width:50%;
}
div.col2 {
	width:100%;
	clear:both;
}
div.col2 div.col2L {
	display:table;
	width:48.5%;
	margin-right:2%;
	float:left;
}
div.col2 div.col2R {
	display:table;
	width:48.5%;
	float:left;
}
/* nestcol2 ▼変更しない
============================== */
table.col2 table.col2 td.col2L {
	padding:0;
}
div.col2 div.col2 div.col2L {
	width:47.5%;
	margin-right:4%;
}
div.col2 div.col2 div.col2R {
	width:47.5%;
}
/* fixed_col2 ▼変更しない
   編集領域には使わない（イベントカレンダー・定型等に使う）
============================== */
div.fixed_col2 {
	width:100%;
}
div.fixed_col2 div.fixed_col2L {
	display:table;
	width:48.5%;
	margin-right:2%;
	float:left;
}
div.fixed_col2 div.fixed_col2R {
	display:table;
	width:48.5%;
	float:right;
}
/* col3 ▼変更しない
============================== */
table.col3 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
table.col3 td.col3L,
table.col3 td.col3M,
table.col3 td.col3R {
	padding:0;
	vertical-align:top;
	text-align:left;
}
table.col3 td.col3L,
table.col3 td.col3M {
	width:33.33%;
	border-right-width:10px;
}
#tmp_main table.col3 td.col3L,
#tmp_main table.col3 td.col3M {
	border-right:10px solid #FFFFFF;
}
table.col3 td.col3R {
	width:33.33%;
}
div.col3 {
	width:100%;
}
div.col3 div.col3L,
div.col3 div.col3M {
	display:table;
	width:31.7%;
	margin-right:2%;
	float:left;
}
div.col3 div.col3R {
	display:table;
	width:31.7%;
	float:left;
}
/* img_cap ▼変更しない
============================== */
table.img_cap {
	margin:0 0 0.3em;
	border-collapse:collapse;
	border-spacing:0;
}
table.img_cap td {
	padding:0;
}
div.img_cap {
	margin:0 0 0.3em;
}
div.img_cap img {
	margin:0 !important;
}
/* layouttable ▼変更しない
============================== */
table.layouttable {
	border-collapse:collapse;
	border-spacing:0;
}
table.layouttable td {
	padding:0 15px 0 0;
	vertical-align:top;
	text-align:left;
}
/* ==================================================
Google
================================================== */
#cse .gsc-thinWrapper {
	width:100% !important;
}
/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display:none !important;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display:block !important;
}

/* ==================================================
system
================================================== */
/* indent ▼変更しない
============================== */
div.section,
blockquote {
	padding:0 0 0 1em;
}
/* bgcolor
============================== */
/* ==================================================
clearfix
================================================== */
/* for modern browser */
.col_nm:after,
#tmp_contents:after,
#tmp_maincontents:after,
#tmp_header:after,
#tmp_means:after,
#tmp_hnavi_s:after,
#tmp_means_primary:after,
#tmp_search:after,
#tmp_hnavi:after,
#tmp_gnavi:after,
#tmp_gnavi ul:after,
#tmp_main:after,
#tmp_wrap_main:after,
.plugin:after,
.pnavi:after,
#tmp_footer:after,
#tmp_fnavi:after,
#tmp_footer_cnt:after,
div.col2:after,
div.fixed_col2:after,
div.col3:after,
#tmp_lang_nav:after,
#tmp_header_top:after{
	content:"."; /* 変更しない */
	display:block; /* 変更しない */
	height:0; /* 変更しない */
	font-size:0.1%; /* 変更しない */
	line-height:0.1; /* 変更しない */
	clear:both; /* 変更しない */
	visibility:hidden; /* 変更しない */
}

/* for IE7.0 */
*:first-child+html .col_nm,
*:first-child+html #tmp_contents,
*:first-child+html #tmp_maincontents,
*:first-child+html #tmp_header,
*:first-child+html #tmp_means,
*:first-child+html #tmp_hnavi_s,
*:first-child+html #tmp_means_primary,
*:first-child+html #tmp_search,
*:first-child+html #tmp_hnavi,
*:first-child+html #tmp_gnavi,
*:first-child+html #tmp_gnavi ul,
*:first-child+html #tmp_wrap_main,
*:first-child+html #tmp_main,
*:first-child+html .plugin,
*:first-child+html .pnavi,
*:first-child+html #tmp_footer,
*:first-child+html #tmp_fnavi,
*:first-child+html #tmp_footer_cnt,
*:first-child+html div.col2,
*:first-child+html div.fixed_col2,
*:first-child+html div.col3,
*:first-child+html #tmp_lang_nav,
*:first-child+html #tmp_header_top{
	min-height:1%; /* 変更しない */
}
/* for IE6.0 */
* html .col_nm,
* html #tmp_contents,
* html #tmp_maincontents,
* html #tmp_header,
* html #tmp_means,
* html #tmp_hnavi_s,
* html #tmp_means_primary,
* html #tmp_search,
* html #tmp_hnavi,
* html #tmp_gnavi,
* html #tmp_gnavi ul,
* html #tmp_wrap_main,
* html #tmp_main,
* html .plugin,
* html .pnavi,
* html #tmp_footer,
* html #tmp_fnavi,
* html #tmp_footer_cnt,
* html div.col2,
* html div.fixed_col2,
* html div.col3,
* html #tmp_lang_nav,
* html #tmp_header_top{
	display:inline-block; /* 変更しない */
}