@charset "UTF-8";
/* ~~ reset ~~ */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/*html{
    color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}*/
.guide_smt table{
    border-collapse:collapse;border-spacing:0;
}
.guide_smt fieldset,.guide_smt img{ border:0; }
.guide_smt address,.guide_smt caption,.guide_smt cite,.guide_smt code,.guide_smt dfn,.guide_smt em,.guide_smt strong,.guide_smt th,.guide_smt var{
    font-style:normal;font-weight:normal;
}
.guide_smt li { list-style:none; } .guide_smt caption,.guide_smt th{ text-align:left; }
.guide_smt h1,.guide_smt h2,.guide_smt h3,.guide_smt h4,.guide_smt h5,.guide_smt h6{
    font-size:100%;font-weight:normal;
}
.guide_smt q:before,.guide_smt q:after{ content:''; }
.guide_smt abbr,.guide_smt acronym{ border:0;font-variant:normal; }
.guide_smt sup{ vertical-align:text-top; }
.guide_smt sub{ vertical-align:text-bottom; }
.guide_smt input,.guide_smt textarea,.guide_smt select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
.guide_smt input,.guide_smt textarea,.guide_smt select{ *font-size:100%; }
.guide_smt legend{ color:#000; }

/*  ~~ reset ~~ 

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}
 */
/* ~~ エレメント / タグセレクター ~~ */
.guide_smt ul, .guide_smt ol,.guide_smt  dl { 
	padding: 0;
	margin: 0;
}
.guide_smt h1, .guide_smt h2, .guide_smt h3, .guide_smt h4, .guide_smt h5, .guide_smt h6, .guide_smt p {
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px; 
	padding-top:0;
	padding-bottom:8px;
}
.guide_smt a img { 
	border: none;
}
.guide_smt img { 
	width:100%;
}

/* ~~ link color ~~ */
.guide_smt a:link {
	color:#414958;
	text-decoration: underline; 
}
.guide_smt a:visited {
	color: #4E5869;
	text-decoration: underline;
}
.guide_smt a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.guide_smt .wrapper {
	width: 100%;
	margin: 0 auto;
	text-align:center;
}
.guide_smt .container {
	width: 100%;
	max-width: 960px;
	min-width: 320px;
	margin: 0 auto; 
	text-align:left;
}
.guide_smt .content {
	padding: 0;
}
.guide_smt .content ul,.guide_smt  .content ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~ 見出し ~~ */
.guide_smt h1{ display:none;}
.guide_smt h2{ color:#FFF000; font-size:1.7rem; font-weight:bold;}
.guide_smt h3{ font-size:1.3rem; font-weight:bold;}
.guide_smt h4{ font-size:1rem; font-weight:bold;}

.guide_smt .pc h1{ display:none;}
.guide_smt .pc h2{ color:#FFF000; font-size:2.2rem; font-weight:bold;}
.guide_smt .pc h3{ font-size:1.7rem; font-weight:bold;}
.guide_smt .pc h4{ font-size:1.3rem; font-weight:bold;}

/* ~~ background ~~ */
.bgb50102{
	background:#b50102;
}
.bgf08 {
	background:#DA4979;
	color:#FFF;
	padding:8px 0;
}
.bge6 {
	background:#E6E6E6;
	color:#000;
	padding:8px 0;
}
.bge6 h1 {color:#DA4979;}
.bge6 h2 {color:#DA4979;}
.bge6 h3 {color:#DA4979;}
.bge6 h4 {color:#DA4979;}

.bg00A0E8 {
	background:#00A0E8;
	color:#FFF;
	padding:8px 0;
}

.bgfff {
	background:#FFF;
	color:#000;
	padding:8px 0;
}
.bgfff h1 {color:#DA4979;}
.bgfff h2 {color:#DA4979;}
.bgfff h3 {color:#DA4979;}
.bgfff h4 {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0.8em;
    background: #00A0E8;
    color: #fff;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* ~~ float/clear ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ column ~~ */
.pc .col { display:block; overflow:auto; }
.pc .col2-2 {display:block; width:47%; margin-right:2%; float:left;}

/* ~~ for LP ~~ */
.hidden { display:none;}
.txt-lt { text-align:left;}
.txt-rt { text-align:right;}
.txt-cnt { text-align:center;}

.blk { color:#000;}
.f08 { color:#ff0088;}
.blu { color:blue;}
.red { color:red;}
.grn { color:green;}
.ylw { color:yellow;}

.guide_smt .mt10 { margin-top:10px;}
.guide_smt .mt20 { margin-top:20px;}
.guide_smt .mt30 { margin-top:30px;}
.guide_smt .mt40 { margin-top:40px;}
.guide_smt .mt50 { margin-top:50px;}
.guide_smt .mb10 { margin-bottom:10px;}
.guide_smt .mb20 { margin-bottom:20px;}
.guide_smt .mb30 { margin-bottom:30px;}
.guide_smt .mb40 { margin-bottom:40px;}
.guide_smt .mb50 { margin-bottom:50px;}

.campaign { border:#FFF 1px solid; margin:10px; padding:10px; }
.campaign-code { 
	width:60%;
    margin: 0 auto 1.5em auto;
    padding: 0.8em;
    background: #FFF;
    color: #000;
    font-size: 1.143em;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-align:center;
}