/*
Theme Name: Force Club
Theme URI: http://54.250.124.217
Description: Force Club Site
*/

@charset "utf-8";

/*--------------------------------------------------------------------------------
　▼　FirefoxとOperaでのスクロールバー強制表示
--------------------------------------------------------------------------------*/
html {
	height: 100%;
	margin-bottom: 1px;
}

/*--------------------------------------------------------------------------------
　▼　Bodyの表示
--------------------------------------------------------------------------------*/
body {
	font: 76%/1.5 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif;
	line-height: 1.5;
	text-align: center;
	margin: 0;
	padding: 0;
}
.mac body.firefox2 {/* for Mac firefox2 */
	font-size: 12px;
}

/*--------------------------------------------------------------------------------
　▼　マージンとパディングの初期化
--------------------------------------------------------------------------------*/
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
pre,
blockquote,
span/*,
table,
th,
td*/ {
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------------------------------------
　▼　テキスト関連の初期化
--------------------------------------------------------------------------------*/
address,
caption,
cite,
code,
dfn,
em,
th,
strong,
var {
	font-style: normal;
	font-weight: normal;
}
code,
kbd,
pre,
samp,
tt {
	font-family: monospace;
	line-height: 100%;
}
*:first-child + html code,
*:first-child + html kbd,
*:first-child + html pre,
*:first-child + html samp,
*:first-child + html tt {/* for Win IE7 */
	font-size: 108%; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,
q:after {
	content: '';
}
abbr,
acronym {
	border: 0;
}

/*--------------------------------------------------------------------------------
　▼　リンク関連の初期化
--------------------------------------------------------------------------------*/
a {
	overflow: hidden;
	text-decoration: none;
	outline: none;
}

/*--------------------------------------------------------------------------------
　▼　リスト関連の初期化
--------------------------------------------------------------------------------*/
ol,
ul {
	list-style: none outside;
}
dt {
	font-weight: normal;
}

/*--------------------------------------------------------------------------------
　▼　テーブル関連の初期化
--------------------------------------------------------------------------------*/
/*table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	font-size: 100%;
}
caption {
	text-align: left;
	font-weight: normal;
}
th {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}
td {
	vertical-align: top;
}

/*--------------------------------------------------------------------------------
　▼　form関連の初期化
--------------------------------------------------------------------------------*/
button,
fieldset,
form,
input,
label,
legend,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
* html input,
* html textarea {/* for Win IE6 */
	font-family: 'ＭＳ Ｐゴシック';
}
*:first-child + html input,
*:first-child + html textarea {/* for Win IE7 */
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック';
}
.msie8 select {/* for Win IE8 */
	font-family: sans-serif;
}
.chrome1 select {/* for Chrome1 */
	font-family: 'Lucida Grande', Arial, Helvetica;
}

/*--------------------------------------------------------------------------------
　▼　イメージ関連の初期化
--------------------------------------------------------------------------------*/
img,
a img,
object,
embed {
	border: none;
	vertical-align: bottom;
	background: transparent;
}

/*--------------------------------------------------------------------------------
　▼　その他の初期化
--------------------------------------------------------------------------------*/
fieldset,
img,
abbr,
acronym {
	border: 0;
}
hr {
  height: 0;
  margin: 5px 0;
  border: none;
  border-top: 1px solid #333;
}
* html hr {/* for Win IE6 */
  margin: 0;
  padding: 0;
}
*:first-child + html hr {/* for Win IE7 */
  margin: 0;
  padding: 0;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 * ■□■□■　セットアップの定義CSS　■□■□■
 * 
 * Author   : ito
 * LastDate : 2010/03/19
 *
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */

/*--------------------------------------------------------------------------------
　▼　.clearfix
--------------------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*--------------------------------------------------------------------------------
　▼　テキスト関連クラス
--------------------------------------------------------------------------------*/
/* ----------★　文字スタイル　★---------- */
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}

/* ----------★　文字色　★---------- */
.red {
	color: #FF0000;
}
.blue {
	color: #0000CC;
}
.gray {
	color: #999999;
}
.orange {
	color: #FF6600;
}
.yellow {
	color: #FFCC00;
}
.green {
	color: #009900;
}
.white {
	color: #FFFFFF;
}

/* ----------★　整列基準　★---------- */
.textL {
	text-align: left;
}
.textC {
	text-align: center;
}
.textR {
	text-align: right;
}

/* ----------★　文字サイズ　★---------- */
.fs10 {
	font-size: 10px;
}
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.fsSmall {
	font-size: small;
}
.fsLarge {
	font-size: large;
}

/*--------------------------------------------------------------------------------
　▼　ブロック関連クラス
--------------------------------------------------------------------------------*/
.cBoth {
	clear: both;
}
.floatL {
	float: left;
	display: inline;
}
.floatR {
	float: right;
	display: inline;
}
.displayI {
	display: inline;
}
.displayB {
	display: block;
}

/*--------------------------------------------------------------------------------
　▼　マージン関連クラス
--------------------------------------------------------------------------------*/
.mgn0 {
	margin: 0;
}
.mgnAuto {
	margin: 0 auto;
}
.mgnTB0 {
	margin-top: 0;
	margin-bottom: 0;
}
.mgnLR0 {
	margin-left: 0;
	margin-right: 0;
}
.mgnT0 {
	margin-top: 0;
}
.mgnR0 {
	margin-right: 0;
}
.mgnB0 {
	margin-bottom: 0;
}
.mgnL0 {
	margin-left: 0;
}

/* ----------★　5px　★---------- */
.mgn5 {
	margin: 5px;
}
.mgnTB5 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.mgnLR5 {
	margin-left: 5px;
	margin-right: 5px;
}
.mgnT5 {
	margin-top: 5px;
}
.mgnR5 {
	margin-right: 5px;
}
.mgnB5 {
	margin-bottom: 5px;
}
.mgnL5 {
	margin-left: 5px;
}

/* ----------★　10px　★---------- */
.mgn10 {
	margin: 10px;
}
.mgnTB10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mgnLR10 {
	margin-left: 10px;
	margin-right: 10px;
}
.mgnT10 {
	margin-top: 10px;
}
.mgnR10 {
	margin-right: 10px;
}
.mgnB10 {
	margin-bottom: 10px;
}
.mgnL10 {
	margin-left: 10px;
}

/* ----------★　15px　★---------- */
.mgn15 {
	margin: 15px;
}
.mgnTB15 {
	margin-top: 15px;
	margin-bottom: 15px;
}
.mgnLR15 {
	margin-left: 15px;
	margin-right: 15px;
}
.mgnT15 {
	margin-top: 15px;
}
.mgnR15 {
	margin-right: 15px;
}
.mgnB15 {
	margin-bottom: 15px;
}
.mgnL15 {
	margin-left: 15px;
}

/* ----------★　20px　★---------- */
.mgn20 {
	margin: 20px;
}
.mgnTB20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.mgnLR20 {
	margin-left: 20px;
	margin-right: 20px;
}
.mgnT20 {
	margin-top: 20px;
}
.mgnR20 {
	margin-right: 20px;
}
.mgnB20 {
	margin-bottom: 20px;
}
.mgnL20 {
	margin-left: 20px;
}

/* ----------★　25px　★---------- */
.mgn25 {
	margin: 25px;
}
.mgnTB25 {
	margin-top: 25px;
	margin-bottom: 25px;
}
.mgnLR25 {
	margin-left: 25px;
	margin-right: 25px;
}
.mgnT25 {
	margin-top: 25px;
}
.mgnR25 {
	margin-right: 25px;
}
.mgnB25 {
	margin-bottom: 25px;
}
.mgnL25 {
	margin-left: 25px;
}

/* ----------★　30px　★---------- */
.mgn30 {
	margin: 30px;
}
.mgnTB30 {
	margin-top: 30px;
	margin-bottom: 30px;
}
.mgnLR30 {
	margin-left: 30px;
	margin-right: 30px;
}
.mgnT30 {
	margin-top: 30px;
}
.mgnR30 {
	margin-right: 30px;
}
.mgnB30 {
	margin-bottom: 30px;
}
.mgnL30 {
	margin-left: 30px;
}

/*--------------------------------------------------------------------------------
　▼　パディング関連クラス
--------------------------------------------------------------------------------*/
.pad0 {
	padding: 0;
}
.padTB0 {
	padding-top: 0;
	padding-bottom: 0;
}
.padLR0 {
	padding-left: 0;
	padding-right: 0;
}
.padT0 {
	padding-top: 0;
}
.padR0 {
	padding-right: 0;
}
.padB0 {
	padding-bottom: 0;
}
.padL0 {
	padding-left: 0;
}

/* ----------★　5px　★---------- */
.pad5 {
	padding: 5px;
}
.padTB5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.padLR5 {
	padding-left: 5px;
	padding-right: 5px;
}
.padT5 {
	padding-top: 5px;
}
.padR5 {
	padding-right: 5px;
}
.padB5 {
	padding-bottom: 5px;
}
.padL5 {
	padding-left: 5px;
}

/* ----------★　10px　★---------- */
.pad10 {
	padding: 10px;
}
.padTB10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padLR10 {
	padding-left: 10px;
	padding-right: 10px;
}
.padT10 {
	padding-top: 10px;
}
.padR10 {
	padding-right: 10px;
}
.padB10 {
	padding-bottom: 10px;
}
.padL10 {
	padding-left: 10px;
}

/* ----------★　15px　★---------- */
.pad15 {
	padding: 15px;
}
.padTB15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.padLR15 {
	padding-left: 15px;
	padding-right: 15px;
}
.padT15 {
	padding-top: 15px;
}
.padR15 {
	padding-right: 15px;
}
.padB15 {
	padding-bottom: 15px;
}
.padL15 {
	padding-left: 15px;
}

/* ----------★　20px　★---------- */
.pad20 {
	padding: 20px;
}
.padTB20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.padLR20 {
	padding-left: 20px;
	padding-right: 20px;
}
.padT20 {
	padding-top: 20px;
}
.padR20 {
	padding-right: 20px;
}
.padB20 {
	padding-bottom: 20px;
}
.padL20 {
	padding-left: 20px;
}

/* ----------★　25px　★---------- */
.pad25 {
	padding: 25px;
}
.padTB25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.padLR25 {
	padding-left: 25px;
	padding-right: 25px;
}
.padT25 {
	padding-top: 25px;
}
.padR25 {
	padding-right: 25px;
}
.padB25 {
	padding-bottom: 25px;
}
.padL25 {
	padding-left: 25px;
}

/* ----------★　30px　★---------- */
.pad30 {
	padding: 30px;
}
.padTB30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.padLR30 {
	padding-left: 30px;
	padding-right: 30px;
}
.padT30 {
	padding-top: 30px;
}
.padR30 {
	padding-right: 30px;
}
.padB30 {
	padding-bottom: 30px;
}
.padL30 {
	padding-left: 30px;
}

/*--------------------------------------------------------------------------------
　▼　テーブル関連クラス
--------------------------------------------------------------------------------*/
/* ----------★　幅％指定　★---------- */
.tw5 {
	width: 5%;
}
.tw10 {
	width: 10%;
}
.tw15 {
	width: 15%;
}
.tw20 {
	width: 20%;
}
.tw25 {
	width: 25%;
}
.tw30 {
	width: 30%;
}
.tw35 {
	width: 35%;
}
.tw40 {
	width: 40%;
}
.tw45 {
	width: 45%;
}
.tw50 {
	width: 50%;
}
.tw55 {
	width: 55%;
}
.tw60 {
	width: 60%;
}
.tw65 {
	width: 65%;
}
.tw70 {
	width: 70%;
}
.tw75 {
	width: 75%;
}
.tw80 {
	width: 80%;
}
.tw85 {
	width: 85%;
}
.tw90 {
	width: 90%;
}
.tw95 {
	width: 95%;
}
.tw100 {
	width: 100%;
}

/* ----------★　垂直位置　★---------- */
.verticalT {
	vertical-align: top;
}
.verticalM {
	vertical-align: middle;
}
.verticalB {
	vertical-align: bottom;
}

/*--------------------------------------------------------------------------------
　▼　リスト関連クラス
--------------------------------------------------------------------------------*/
.liDecimal {
	list-style: decimal;
	margin-left: 2em;
}

.liUpperAlpha {
	list-style: upper-alpha;
	margin-left: 2em;
}

.liSquare {
	list-style: square;
	margin-left: 2em;
}

.liCircle {
	list-style: circle;
	margin-left: 2em;
}

.liDisc {
	list-style: disc;
	margin-left: 2em;
}

/*--------------------------------------------------------------------------------
　▼　ボーダー関連クラス
--------------------------------------------------------------------------------*/
.borderNo {
	border: none;
}
.borderNoTB {
	border-top: none;
	border-bottom: none;
}
.borderNoLR {
	border-left: none;
	border-right: none;
}
.borderNoT {
	border-top: none;
}
.borderNoR {
	border-right: none;
}
.borderNoB {
	border-bottom: none;
}
.borderNoL {
	border-left: none;
}

/*--------------------------------------------------------------------------------
　▼　ナビリスト関連クラス
--------------------------------------------------------------------------------*/
.naviLi li {
	display: inline;
}
.naviLi li:after {
	content: " | ";
}
.naviLi li.end:after {
	content: "";
}


body {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 0.85em;
	min-width: px;
}
p,
ul,
ol,
dl,
h2,
h3,
h4 {
	margin: 0 10px 15px 10px;
	line-height: 1.5;
}
h2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
h2 {
	min-height: 1px;
}
* html h2 {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
h2 {
	clear: both;
	background: url(images/bg06.jpg) repeat-x left top #50C5DE;
	font-size: 1.3em;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	padding: 15px 10px 15px 20px;
	margin: 30px 0 10px 0;
}
h2.h2_img {
	margin: 0;
	padding: 0;
	background: none;
}
h3 {
	font-weight: bold;
	font-size: 1.3em;
	border-left: solid 8px #AADCEA;
	color: #000000;
	padding: 7px 10px 7px 15px;
	margin: 25px 10px 10px 10px;
}
.h3_img {
	background: none;
	padding: 0;
	margin: 20px 0;
	border: none;
}
h4 {
	font-weight: bold;
	font-size: 1em;
	color: #065FB3;
	padding: 0 0 10px 0;
	background: url(images/bg11.jpg) left bottom no-repeat;
	margin: 20px 10px 15px 10px;
}
a {
	/*text-decoration: underline;*/
	color: #26B6D2;
}
a:hover {
	/*text-decoration: none;*/
	text-decoration: underline;
}
em,
strong {
	font-weight: bold;
}
li {
	background: url(images/icon/list_icon02.jpg) no-repeat left 8px;
	padding-left: 15px;
	margin-bottom: 3px;
}
ol {
	list-style: decimal;
	margin-left: 2em;
}
ol li {
	background: none;
	padding-left: 0;
	margin-bottom: 3px;
}
.imgMgnT {
	background: none;
	border: none;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.imgMgn {
	background: none;
	border: none;
	padding: 0;
}

table {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
table th,
table01 th {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
}
table td,
table01 td {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
/*--↑↑reset.cssに入っていたタグ↑↑--*/

table {
	clear: both;
	width: 97%;
	font-size: 1.0em;
	line-height: 1.5;
	margin: 0 4% 2% 1.5%;
}

table th,
table td　{
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 10px 20px;
}
table th {
	background-color: #DBF0F7;
	text-align: center;
	font-weight: bold;
}
table p,
table ul,
table ol,
table dl,
table01 p　{
	margin: 0;
}
table ol {
	list-style: decimal;
	margin-left: 2em;
}
table td {
	vertical-align: middle;
	line-height: 1;
	padding: 17px 10px;
	border: 1px solid #CCCCCC;
}

/*--------------------------------------------------------------------------------
　▼　body
--------------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 0.85em;
	min-width: px;
}
p,
ul,
ol,
dl,
h2,
h3,
h4 {
	margin: 0 10px 15px 10px;
	line-height: 1.5;
}
h2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
h2 {
	min-height: 1px;
}
* html h2 {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
h2 {
	clear: both;
	background: url(../images/bg06.jpg) repeat-x left top #50C5DE;
	font-size: 1.3em;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	padding: 15px 10px 15px 20px;
	margin: 30px 0 30px 0;
}
h2.h2_img {
	margin: 0;
	padding: 0;
	background: none;
}
h3 {
	font-weight: bold;
	font-size: 1.3em;
	border-left: solid 8px #AADCEA;
	color: #000000;
	padding: 7px 10px 7px 15px;
	margin: 25px 10px 10px 10px;
}
.h3_img,
.h3_img01,
.h3_img02,
.h3_img03 {
	background: none;
	padding: 0;
	margin: 20px 0;
	border: none;
}
.h3_img01 {
	margin: 0;
}
.h3_img02 {
	margin: 20px 0 0 0;
}
h4 {
	font-weight: bold;
	font-size: 1em;
	color: #065FB3;
	padding: 0 0 10px 0;
	background: url(../images/bg11.jpg) left bottom no-repeat;
	margin: 20px 10px 15px 10px;
}
.h4_img {
	background: none;
	padding: 0;
	margin: 0 0 15px 0;
}
h5 {
	font-weight: bold;
	margin: 10px 10px 15px 10px;
}
a {
	/*text-decoration: underline;*/
	color: #26B6D2;
}
a:hover {
	/*text-decoration: none;*/
	text-decoration: underline;
}
em,
strong {
	font-weight: bold;
}
li {
	background: url(../images/icon/list_icon02.jpg) no-repeat left 8px;
	padding-left: 15px;
	margin-bottom: 3px;
}
ol {
	list-style: decimal;
	margin-left: 2em;
}
ol li {
	background: none;
	padding-left: 0;
	margin-bottom: 3px;
}
.imgMgnT {
	background: none;
	border: none;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.imgMgn {
	background: none;
	border: none;
	padding: 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■その他共通■□■
--------------------------------------------------------------------------------*/
/*------------------jumpTop/jumpPage------------------*/
.jumpTop {
	clear: both;
	text-align: right;
	margin: 15px 15px 0 0;
}
.jumpTop a {
	background: url(../images/icon15.jpg) no-repeat right center;
	font-size: 0.9em;
	padding-right: 15px;
	color: #333333;
	text-decoration: none;
}
.jumpTop a:hover {
	text-decoration: underline;
}
.jumpPage {
	clear: both;
	text-align: right;
	margin: 0 20px 4% 0;
}
.jumpPage a {
	background: url(../images/icon04.jpg) no-repeat left 2px;
	font-size: 0.9em;
	padding-left: 15px;
}

/*------------------table------------------*/
/*--↓↓reset.cssに入っていたタグ↓↓--*/
table {
	font-size: 100%;
}
.table,
.table01 {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
.table th,
.table01 th {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
}
.table td,
.table01 td {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
/*--↑↑reset.cssに入っていたタグ↑↑--*/

.table {
	clear: both;
	width: 97%;
	font-size: 1.0em;
	line-height: 1.5;
	margin: 0 4% 2% 1.5%;
}
.table01 {
	width: 100%;
	margin: 0;
	clear: both;
	font-size: 1.0em;
	line-height: 1.5;
}
.table th,
.table td,
.table01 th,
.table01 td {
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 10px 20px;
}
.table th,
.table01 th {
	background-color: #DBF0F7;
	text-align: center;
	font-weight: bold;
}
.table p,
.table ul,
.table ol,
.table dl,
.table01 p,
.table01 ul,
.table01 ol,
.table01 dl {
	margin: 0;
}
.table ol,
.table01 ol {
	list-style: decimal;
	margin-left: 2em;
}
.table01 {
	width: 100%;
	margin: 0;
}
.table01 td {
	vertical-align: middle;
	line-height: 1;
	padding: 17px 10px;
	text-align: center;
}
.table01 td.td01 {
	border-top: dotted 1px #cccccc;
}
.table01 td.td02 {
	border-bottom: none;
}

.table01 td span {
	font-weight: bold;
	color: #27B6D3;
	font-size: 1.7em;
}
.table01 td p.saikin {
	border-bottom: dotted 1px #cccccc;
	padding-bottom: 15px;
	margin: 0 20px 10px 20px;
}

/*--------------------------------------------------------------------------------
　▼　■□■wrapper■□■
--------------------------------------------------------------------------------*/
div#wrapper {
	width: 940px;
	text-align: left;
	margin: 0 auto;
}

/*--------------------------------------------------------------------------------
　▼　■□■header■□■
--------------------------------------------------------------------------------*/
div#header {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0 0 0;
}
h1 {
	font-size: 0.9em;
	padding: 0 0 0 0;
	width: 580px;
	display: inline;
	float: left;
	
}
#header_list {
	overflow: hidden;
	zoom: 1;
	float: right;
	margin: 0;
}
#header_list li {
	float: left;
	background: url(../images/icon04.jpg) left center no-repeat #ffffff;
	padding: 0 0 0 10px;
	margin: 0 0 0 15px;
	color: #333333;
}
#header_list li a {
	color: #333333;
	text-decoration: none;
}
#header_list li a:hover {
	text-decoration: underline;
}
#logo {
	clear: both;
	float: left;
	display: inline;
	margin: 5px 0 0 0;
}
#login_box,
#login_box02 {
	float: right;
	width: 535px;
	background-color: #F6F6F6; 	
	margin: 1% 0 0 0;
	overflow: hidden;
	zoom: 1;
	padding: 10px 15px 10px 15px;
}
#login_box02 {
	width: 420px;
}
#login_navi {
	overflow: hidden;
	zoom: 1;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	background:
}
#login_navi li {
	float: left;
	margin: 0 0 0 7px;
	padding: 0;
	background: none;
}
#login_box02 p {
	margin:  0 0 0 0;
	padding: 10px 0 0 0;
}
#login_box p {
	margin: 0;
	padding: 0;
}
#login_box #id_name {
	margin: 0;
	padding: 0;
	float: left;
	overflow: hidden;
	zoom: 1;
	width: 300px;
}
#login_box #id_name li {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
	background: none;
}
#login_box #id_name li#id {
	background: url(../images/icon05.jpg) left center no-repeat;
	padding-left: 8%;
	margin-right: 3%;
	font-weight: normal;
}

/*--------------------------------------------------------------------------------
　▼　■□■glNavi■□■
--------------------------------------------------------------------------------*/
ul#glNavi {
	clear: both;
	padding: 15px 0;
	margin: 0;
}
ul#glNavi li {
	background: none;
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}
#menu {
	display: none;	
}

/*------------------pan------------------*/
.pan {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding-bottom: 0;
}
*+html .pan {
	margin-bottom: 10px;
}
*html .pan {
	margin-bottom: 10px;
}
.pan li {
	float: left;
	margin: 0 15px 10px 0;
	background: none;
	padding: 0;
	font-size: 0.98em;
}
.pan li.next {
	background: url(../images/icon22.jpg) right 6px no-repeat;
	padding: 0 18px 0 0;
	
}
.pan li a {
	color: #000000;
	text-decoration: none;
	font-size: 0.98em;
}
.pan li a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------
　▼　■□■contents■□■
--------------------------------------------------------------------------------*/
div#contents {
	overflow: hidden;
	zoom: 1;
	background: url(../images/bg10.jpg) right top repeat-y;
}
div#contents02 {
	overflow: hidden;
	zoom: 1;
}
/*--------------------------------------------------------------------------------
　▼　■□■main■□■
--------------------------------------------------------------------------------*/
#main {
	overflow: hidden;
	zoom: 1;
}
.main_box {
	margin: 0%;
}
#main ul.bxslider {
	margin: 0;
	padding: 0;
}
#main ul.bxslider li {
	padding: 0;
	margin: 0;
	background: none;
}
#main #main_left {
	float: left;
	width: 460px;
}
#main_left_sp {
	display: none;
}

/*------------------main_left_box02------------------*/
#main_left .main_left_box02 ul  {
	overflow: hidden;
	zoom: 1;
	background: url(../images/bg16.jpg) left top repeat-y;
	margin: 0 0 15px 0;
	padding: 10px 0 0 10px;
}
#main_left .main_left_box02 ul li {
	float: left;
	margin: 0 6px 10px 0;
	background: none;
	padding: 0;
}
#main_left .main_left_box02 p  {
	text-align: center;
	margin-bottom: 10px;
}

/*------------------main_left_box01------------------*/
#main_left_box01 {
	background-color: #F1FAFC;
	border: solid 1px #6FCFE3;
	overflow: hidden;
	zoom: 1;
}
#main_left_box01 h2 {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
}
#main_left_box01 ul {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin: 8px 0 0 15px;
	padding: 0;
}
#main_left_box01 ul li {
	float: left;
	margin: 0 10px 0 0;
	background: #000;
	width: 75px;
	padding: 0;
	background: none;
}
#main_left_box01 ul li .favorite_img {
	width: 100%;
}
#main_left_box02 {
	margin: 15px 0 0 0;
}
#main_left_box02 div {
	overflow: hidden;
	zoom: 1;
	border: solid 1px #cccccc;
	border-bottom: none;
	background-color: #F6F6F6;
	padding: 10px 10px 0 10px;
}
#main_left_box02 div h3 {
	font-weight: bold;
	float: left;
	font-size: 1.2em;
	display: inline;
	margin: 0 185px 0 0;
	border: none;
	padding: 0;
}
#main_left_box02 div p#select {
	margin: 3px 0 0 0;
	padding: 0;
}
.none {
	display: none;
	padding: 0;
	margin: 0;
}

/*------------------whatsNew------------------*/
#main .main_right {
	float: right;
	width: 460px;
	position: relative;
}
#main .main_right h2 {
	background: none;
	margin: 0;
	padding: 0;
}
.main_right_sp {
	display: none;
}
#add01 {
	position: absolute;
	top: 8px;
	right: 10px;
}
.whatsNew_box01 {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border: solid 1px #cccccc;
	border-top: none;
	padding: 15px 0 11px 15px;
}
dl.whatsNew {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
dl.whatsNew dt {
	padding: 0;
	font-weight: bold;
	display: inline;
	margin-right: 10px;
}
dl.whatsNew dt.campaign {
	background: url(../images/icon17.jpg) right top no-repeat;
	padding-right: 85px;
}
dl.whatsNew dt.system {
	background: url(../images/icon18.jpg) right top no-repeat;
	padding-right: 85px;
}
dl.whatsNew dt.content {
	background: url(../images/icon19.jpg) right top no-repeat;
	padding-right: 85px;
}
dl.whatsNew dt.maintenance {
	background: url(../images/icon20.jpg) right top no-repeat;
	padding-right: 85px;
}
dl.whatsNew dt.maintenancefinish {
	background: url(../images/icon30.jpg) right top no-repeat;
	padding-right: 165px;
}
dl.whatsNew dt.systemfinish {
	background: url(../images/icon29.jpg) right top no-repeat;
	padding-right: 165px;
}
dl.whatsNew dd {
	border-bottom: 1px dotted #CCCCCC;
	padding: 0 0 5px 0;
	margin: 0 10px 11px 0;
}
dl.whatsNew dd a {
	color: #26B6D2;
	text-decoration: none;
}
dl.whatsNew dd a:hover {
	text-decoration: underline;
}
.main_right_sp .whatsNew_box01 p {
	display: none;
}
.whatsNew_box03 {
	margin: 30px 15px 0 15px;
}

/*------------------link_box------------------*/
.link_box {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}
.link_box .link_box01 {
	width: 460px;
	float: left;
	background: url(../images/bg08.jpg) left bottom no-repeat;
	padding-bottom: 23px;
	margin: 0 19px 0 0;
}
.link_box div.mgnR0 {
	margin-right: 0;
}
.link_box .link_box01 h2,
.link_box .link_box01 h4 {
	background: none;
	padding: 0;
	margin: 0;
}
.link_box .link_box01 ul {
	background: url(../images/bg09.jpg) left top repeat-y;
	margin: 0;
	padding: 0 0 0 30px;
}
.link_box .link_box01 ul li {
	background: none;
	padding: 6px 0 0 0;
	margin: 0;
}

/*------------------add_box------------------*/
.add_box,
.add_box02,
.add_box03 {
	margin: 0 0 0 128px;
	padding: 0;
	position: relative;
}
.add_box02 {
	margin: 40px 0 0 20px;	
}
.add_box03 {
	margin: 40px 0 0 140px;
}
.add05 {
	display: none;
}
.add01 {
	position: absolute;
	top: 11px;
	left: 161px;
}

/*--------------------------------------------------------------------------------
　▼　■□■primary_one■□■
--------------------------------------------------------------------------------*/
div#primary_one {
	margin: 25px 0 0 0;
}

/*------------------navi------------------*/
div#navi {
	clear: both;
	background-color: #F1FAFC;
	border: solid 1px #6FCFE3;
	padding: 0;
	margin: 0;
	overflow: hidden;
	zoom: 1;
}
div#navi h2 {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	background: none;
}
.h2_img02 {
	display: none;
}
div#navi div {
	float: left;
}
div#navi dl {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin: 8px 10px 0 0;
}
div#navi dl dt {
	float: left;
	display: inline;
	margin: 15px 10px 0 0;
}
div#navi dl dd {
	float: left;
	display: inline;
	margin-left: 0;
}

/*------------------summary------------------*/
.summary_box {
	border: solid 1px #6FCFE3;
	border-top: none;
	overflow: hidden;
	zoom: 1;
	padding: 15px 0 20px 3px;
}
.summary_box p {
	text-align: center;
	margin: 0;
}
.summary01 {
	width: 290px;
	border: solid 1px #ccc;
	margin: 15px 0 0 14px;
	float: left;
	padding: 14px 0 0 0;
}
p.photo01 {
	float: left;
	margin: 0 0 0 14px;
}
.summary_inner {
	overflow: hidden;
	zoom: 1;
}
.summary_inner h3 {
	font-weight: bold;
	color: #26B6D2;
	font-size: 1.1em;
	line-height: 1;
	border: none;
	border-bottom: dotted 1px #cccccc;
	padding: 0 0 10px 10px;
	background: none;
	margin: 0 14px 0 10px;
}
.summary_inner h3 a {
	text-decoration: none;
}
.summary_inner ul {
	overflow: hidden;
	zoom: 1;
	clear: both;
	margin: 10px 0 0 24px;
}
.summary_inner ul li {
	float: left;
	margin-right: 4px;
	margin-bottom:4px;
	background: none;
	padding: 0;
}
.summary_inner .btn01 {
	margin: 4px 0 0 24px;
	padding: 0;
	width: 113px;	
}
.summary_inner .btn01_01 {
	margin-top: 2%;
}
.summary_inner .btn01 a {
	background: url(../images/btn03.jpg) left top no-repeat;
	font-weight: bold;
	color: #ffffff;
	padding: 10px 0 4px 10px;
	text-decoration: none;
	display: block;
}
.summary_bottom {
	overflow: hidden;
	zoom: 1;
	background-color: #F1FAFC;
	border-top: solid 1px #cccccc;
	padding: 10px 10px 10px 20px;
	margin-top: 15px;
}
.summary_bottom li {
	float: left;
	color: #22A0BB;
	background: url(../images/icon/list_icon.jpg) left center no-repeat;
	padding: 0 0 0 10px;
	margin-right: 5px;
}
.summary_bottom li a {
	color: #22A0BB;
	text-decoration: underline;
	font-size: 0.9em;
}
.summary_bottom li a:hover {
	text-decoration: none;
}


/*------------------come------------------*/
p.come,
ul.come li,
span.come {
	background: url(../images/icon/come.gif) no-repeat left 5px;
	padding-left: 15px;
}


/*------------------iframe------------------*/
/*iframe {
	border: 1px solid #CCCCCC;
}

/*--------------------------------------------------------------------------------
　▼　■□■primary_two■□■
--------------------------------------------------------------------------------*/
div#primary_two {
	margin: 0;
	float: left;
	width: 700px;
}

/*------------------voice_box------------------*/
.voice_box {
	margin-bottom: 0;
	position: relative;
}
.voice {
	display: none;
}
.voice_box h2 {
	background: none;
	margin: 0 0 0 0;
	padding: 0;
}
.voice_box02 {
	overflow: hidden;
	zoom: 1;
	border: solid 1px #cccccc;
	border-top: none;
	padding: 6px 0 0 0;
}
.voice_box01 {
	width: 312px;
	float: left;
	overflow: hidden;
	zoom: 1;
	margin: 14px 0 20px 20px;
}
.voice_box01 p {
	margin: 0;
	padding: 0;
}
.voice_box01 .photo02 {
	float: left;
}
.voice_box01 div {
	width: 160px;
	float: right;
}
.voice_box01 div p {
	margin: 0;
	margin: 0 0 5px 0;
}
.voice_box01 div .link01 {
	text-align: right;
}
.voice_box01 div .link01 a {
	background: url(../images/icon23.jpg) left center no-repeat;
	padding-left: 10px;
	text-decoration: none;
}
.voice_box01 div .link01 a:hover {
	text-decoration: underline;
}
.add06 {
	position: absolute;
	top: 5px;
	right: 2px;
}

/*------------------voice_box------------------*/
#primary_two .h2_img {
	margin-top: 30px;
}
#primary_two .whatsNew {
	height: auto;
}
.whatsNew_box02 {
	position: relative;
}
.whatsNew_box02 .add02,
.add02 {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 13px;
	top: 8px;
}

/*------------------link_box02------------------*/
.link_box02 {
	position: relative;
	margin-top: 30px;
}
.link_box03 {
	display: none;
}
.link_box02 p {
	margin: 0;
	padding: 0;
}
.link_box02 p.add03 {
	position: absolute;
	top: 82px;
	left: 18px;	
}
.link_box02 p.add03 {
	position: absolute;
	top: 82px;
	left: 18px;	
}
.link_box02 p.add04 {
	position: absolute;
	top: 82px;
	left: 360px;	
}


/*--------------------------------------------------------------------------------
　▼　■□■secondary■□■
--------------------------------------------------------------------------------*/
div#secondary {
	width: 220px;
	float: right;
}
div#secondary p,
div#secondary ul,
div#secondary dl {
	margin: 0;
}
div#secondary p.free {
	margin-bottom: 20px;	
}
div#secondary li {
	background: none;
	padding: 0;
	margin: 0;
}
div#secondary h2 {
	margin: 0;
	background: #50c5de;	
}
div#secondary h2.h2_img {
	margin: 20px 0 0 0;
	padding: 0;
	background: none;
}
div#secondary h2.h2_img02 {
	display: none;
}
div#secondary h3 {
	clear: both;
	background: url() repeat-y left top #;
	font-weight: bold;
	font-size: 1.1em;
	border:;
	color: #;
	padding: 0;
	margin: 10px 0 5px 0;
}

/*------------------list------------------*/
div#secondary ul.list {
	border-top: none;
	padding: 0;
	margin: 0 0 10px 0;
}
div#secondary ul.list li {
	border: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	margin: 0;
}
div#secondary ul.list li a {
	background: url(../images/icon21.jpg) no-repeat 200px center #fff;
	display: block;
	padding: 5px 25px 5px 10px;
	text-decoration: none;
	/*color: #000000;*/
}
div#secondary ul.list li a:hover,
div#secondary ul.list li.this a {
	text-decoration: none;
	background-color:#FFFFEe;
}
.inq_link01 {
	padding-bottom: 10px;
}
.inq_link02 {
	display: none;
}

/*------------------list02------------------*/
div#secondary ul.list02 {
	border: solid 1px #cccccc;
	border-top: none;
	padding: 15px 0;
	background-color: #ffffff;
}
div#secondary ul.list02 li {
	border-bottom: dotted 1px #cccccc;
	background: url(../images/icon24.jpg) left 3px no-repeat;
	padding: 0 0 5px 45px;
	margin: 0 15px 10px 15px;
}
div#secondary ul.list02 li.rank02 {
	background: url(../images/icon25.jpg) left 3px no-repeat;
}
div#secondary ul.list02 li.rank03 {
	background: url(../images/icon26.jpg) left 3px no-repeat;
}
div#secondary ul.list02 li.rank04 {
	background: url(../images/icon27.jpg) left 3px no-repeat;
}
div#secondary ul.list02 li.rank05 {
	background: url(../images/icon28.jpg) left 3px no-repeat;
}
div#secondary ul.list02 li a {
	font-weight: bold;
	color: #26B6D2;
	text-decoration: none;
}
div#secondary ul.list02 li a:hover {
	text-decoration: underline;
}

/*------------------list03------------------*/
div#secondary ul.list03 {
	padding-top: 5px;
}
div#secondary ul.list03 li {
	margin: 15px 0 0 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■footer■□■
--------------------------------------------------------------------------------*/
div#footer {
	background-color: #6FCFE3;
	padding: 20px 0;
	margin-top: 10px;
}
div#footer h2 {
	margin: 0;
}

div#footer a {
	color: #ffffff;

}
div#footer a:hover {
	text-decoration: underline;
}

div#footer .footer_navi {
	margin: 0 0 0 20px;
	float: left;
	margin-bottom: 20px;
}
div#footer .footer_navi li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
}
div#footer .footer_navi li a {
	font-size: 0.95em;
	background: url(../images/icon16.jpg) left center no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none;
}
div#footer .footer_navi li a:hover {
	text-decoration: underline;
}

/*------------------ul------------------*/
div#footer .address {
	font-size: 0.98em;
	padding: 0;
	margin:  2% 0 0 0;
	color: #ffffff;
	text-align: center;
}
div#footer .address a {
	text-decoration: none;
}
div#footer .address a:hover {
	text-decoration: underline;
}
.footer_box {
	clear: both;
	margin: 20px 20px 0 20px;
	-webkit-border-radius: 4px;
	background-color: #ffffff;
	overflow: hidden;
	zoom: 1;
	padding-bottom: 20px;
}
.footer_box .footer_left {
	float: left;
	width: 340px;
	font-size: 0.9em;
	margin: 10px 0 0 15px;
}
.footer_box .footer_left h2 {
	margin-bottom: 5px;
	padding: 0;
	background: none;
}
.footer_box .footer_right {
	float: right;
	width: 508px;
	background-color: #F6F6F6;
	margin: 10px 20px 0 0;
	padding:  15px 5px 5px 5px;
	overflow: hidden;
	zoom: 1;
}
*html .footer_box .footer_right {
	width: 458px;
}
.footer_box .footer_right p.logo_foot {
	float: left;
}
.footer_box .footer_right p {
	font-size: 0.9em;
}
.footer_box .footer_right p a#logo_link {
	color: #000;
}

/*--------------------------------------------------------------------------------
　▼　■□■service■□■
--------------------------------------------------------------------------------*/
/*------------------service_box------------------*/
.service_box {
	overflow: hidden;
	zoom: 1;
}
.service_box .service01 {
	float: left;
	width: 214px;
	border-right: dotted 1px #cccccc;
	margin: 0 5px 30px 0;
	padding: 0 15px 0 0;
}
.service_box .service01 h4 {
	margin: 0 0 15px 10px;
	padding: 0;
	background: none;
	color: #000000;
	font-size: 1.4em;
}
.service_box .borderNoR {
	border-right: none;
}
.photo03 {
	text-align: center;
	margin: 15px 0 0 10px;
}
.btn02 {
	margin: 15px 0 0 10px;
}

/*------------------service_box01------------------*/
.service_box01 {
	border:solid 6px #DA9B6A;
	border-top: none;
	overflow: hidden;
	zoom: 1; 
	padding: 30px 15px 15px 15px;
	margin-bottom: 40px;
}
.service_box01_01 {
	width: 425px;
	float: left;
}
.img05 {
	float: right;
	margin-right: 30px;
}
.service_box01_02 {
	width: 238px;
	float: right;
}
.img06 {
	float: left;
}
.img08 {
	float: left;
}
.service_box01_03 {
	width: 457px;
	float: right;
}
.service_box01_03 div {
	border: solid 1px #0E9B9A;
	background-color: #FDFEE9;
}
.service_box01_03 h4 {
	padding: 0;
	margin:  10px 10px 0 10px;
	background: none;
	color: #0D9A99;
}
.service_box01_03 p {
	margin-bottom: 10px;
}
.img07 {
	float: left;
}
.service_box01_04 {
	width: 474px;
	float: right;
	margin-right: 50px;
}
*html .service_box01_04 {
	width: 474px;
	float: right;
	margin-right: 30px;
}
.service_box01_04 h4 {
	font-size: 1.3em;
	color: #000000;
	background: none;
	margin: 0 10px;
}
.service_box01_05 {
	margin-bottom: 3%;
	overflow: hidden;
	zoom: 1;
}

/*------------------service_box02------------------*/
.service_main {
	position: relative;
}
.service_main02 {
	display: none;
}
.service_main p {
	margin: 0;
	padding: 0;
}
.service_main p.add09 {
	position: absolute;
	left: 0;
	top: 213px;
}
.service_main p.add10 {
	position: absolute;
	left: 240px;
	top: 213px;
}
.service_main p.add11 {
	position: absolute;
	left: 0;
	top: 213px;
}
.service_main p.add12 {
	position: absolute;
	left: 240px;
	top: 213px;
}
.service_box02,
.service_box02_03 {
	background: url(../images/service/bg03.jpg) left top repeat-y;
	margin-bottom: 40px;
	margin-top: 0;
}
.service_box02_01,
.service_box02_04 {
	padding-bottom: 15px;
	overflow: hidden;
	zoom: 1;
	background: url(../images/service/bg04.jpg) left bottom no-repeat;
}
.service_box02_01 div {
	overflow: hidden;
	zoom: 1;
	margin: 20px 50px 0 30px;
}
.comment06 {
	margin-left: 40px;
	margin-bottom: 10px;
}

.service_box02_02 {
	overflow: hidden;
	zoom: 1;
}
.h3_img04 {
	display: none;
}
.h3_img03 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
.h3_img05 {
	padding: 0;
	border: none;
	margin: 0 10px 0 0;
	float: left;
}
.img09 {
	float: right;
}
.service_box02_04 {
	margin: 0 50px 20px 30px;
}
.service_box02_06 {
	margin-bottom: 20px;
	overflow: hidden;
	zoom:1;
}
.service_box02_06 div {
	width: 375px;
	float: left;
}
.service_box02_06 h4 {
	background: none #FCEF7C;
	color: #000000;
	padding: 5px 10px 3px 10px;
	margin: 0 0 10px 0;
	font-size: 0.98em;
}
.list02 {
	margin-bottom: 40px;
}
.list02 li {
	background: url(../images/guide/guide02/number01.jpg) left top no-repeat;
	border: none;
	padding: 0 0 3px 30px;
	margin: 0 0 10px 0;
}
.list02 li.number01 {
	background: url(../images/service/icon01.jpg) left top no-repeat;
}
.list02 .number02 {
	background: url(../images/service/icon02.jpg) left top no-repeat;
}
.list02 .number03 {
	background: url(../images/service/icon03.jpg) left top no-repeat;
}
.list02 .number04 {
	background: url(../images/service/icon04.jpg) left top no-repeat;
}
.img10 {
	float: right;
	display: inline;
}

/*------------------service_box04------------------*/
.h3_img06 {
	background: url(../images/service/bg08.jpg) left bottom no-repeat;
	padding: 0 0 20px 50px;
	border: none;
}
.service_box04 {
	overflow: hidden;
	zoom: 1;
}
.img21,
.img22 {
	float: right;
}
.service_box04_01,
.service_box04_02 {
	width: 380px;
	float: left;
	padding-left: 10px
}
.service_box04_02 {
	width: 457px;
}
.service_box04_01 h4,
.service_box04_02 h4 {
	background: none;
	padding: 0;
	color: #065FB2;
	font-size: 1.2em;
	margin-top: 0;
}

/*------------------service_box05------------------*/
.submain {
	margin: 0;
}
.service_box05 {
	overflow: hidden;
	zoom: 1;
	margin: 0 15px;
	padding-top: 10px;
}
.img11 {
	float: right;
}
.img12 {
	float: left;
}
.service_box05_01 {
	width: 388px;
	float: left;
}
.service_box05_02 {
	width: 388px;
	float: right;
}

/*------------------service_box06------------------*/
.service_box06 {
	overflow: hidden;
	zoom: 1;
	background: url(../images/service/bg07.jpg) left bottom repeat-x;
	padding-bottom: 1px;
}
.service_box06_01 {
	background: url(../images/service/bg06.jpg) left top repeat-y;
	overflow: hidden;
	zoom: 1;
}
.img13,
.img14,
.img15 {
	float: right;
}
.service_box06_01 div {
	float: left;
	width: 518px;
	margin: 15px 0 0 38px;
}
.service_box06_01 .service_box06_03 {
	width: 444px;
}
.service_box06_01 .service_box06_04 {
	width: 478px;
}

/*------------------service_box07------------------*/
.service_box07 {
	overflow: hidden;
	zoom: 1;
	padding-top: 15px;
}
.img16 {
	float: right;
}
.service_box07 div {
	float: left;
	width: 462px;
}
*html .service_box07 div {
	width: 452px;
}

/*------------------service_box08------------------*/
.service_box08 {
	overflow: hidden;
	zoom: 1;
	margin-top: 20px;
}
.img23 {
	float: left;
	margin-left: 0;
	margin-right: 10px;
}

.service_box08 h3 {
	border: none;
	border-bottom: 4px solid #EEEAE8;
	background: url(../images/service/icon05.jpg) left center no-repeat;
	padding: 10px 0 10px 55px;
	margin: 0 10px 20px 0;
	float: left;
	display: inline;
	font-size: 1.1em;
	width: 350px;
}
*html .service_box08 h3 {
	margin: 0 0 20px 10px;
	width: 350px;
}

.service_box08 p.comment05 {
	margin-left: 10px;
	margin-right: 0;
}
.img24 {
	float: right;
	margin-right: 0;
}
.service_box08_01 {
	float: right;
}
.service_box08_02 {
	float: left;
	width: 407px;
}

/*------------------service_box09------------------*/
.service_box09 {
	overflow: hidden;
	zoom: 1;
}
.img17 {
	float: left;
}
.img18 {
	float: right;
	margin-bottom: 0;
}
.service_box09 .service_box09_01 {
	float: right;
	width: 500px;
}
.service_box09 .service_box09_02 {
	float: left;
	width: 443px;
}
.service_box09 .service_box09_03 {
	float: left;
	width: 331px;
}

/*------------------service_box10------------------*/
.service_box10 {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
	margin-top: 20px;
}
.service_box10 div {
	width: 503px;
	float: left;
}
.service_box10 div h4 {
	float: none;
	background: none;
}
.service_box10 div p {
	clear: both;
}
.img19 {
	float: right;
}

/*------------------service_box11------------------*/
.service_box11 {
	overflow: hidden;
	zoom: 1;
	margin-top: 20px;
}
.service_box11_01 {
	width: 550px;
	float: left;
}
.service_box11_01 h4 {
	background: none;
	padding: 0;
	color: #000000;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0;
	font-size: 1.2em;
}
.img20 {
	float: right;
}
.service_box11_02,
.service_box11_03 {
	border-left: solid 1px #D6D6D6;
	border-right: solid 1px #D6D6D6;
	margin: 0 0 0 10px;
	padding: 30px 0 30px 0;
	overflow: hidden;
	zoom: 1;
}
.service_box11_03 {
	border-bottom: solid 1px #D6D6D6;
	padding-bottom: 20px;
}
*html .service_box11_03 {
	padding-right: 29px;
}
.service_box11_02 p {
	margin: 0;
	padding: 0 30px 10px 20px;
}

/*------------------service_box01------------------*/
.service_box12 {
	border:solid 5px #DA9B6A;
	border-left: 6px solid #DA9B6A;
	border-top: none;
	overflow: hidden;
	zoom: 1; 
	padding: 30px 15px 15px 15px;
	margin-bottom: 40px;
	margin-left: 1px;
}
.service_box12_01 {
	width: 356px;
	float: left;
}
.img25 {
	float: right;
	margin-right: 30px;
}
.img26 {
	float: left;
	margin-right: 0;
}
.service_box12_02 {
	width: 357px;
	float: right;
}



/*--------------------------------------------------------------------------------
　▼　■□■supportinfo■□■
--------------------------------------------------------------------------------*/
/*------------------supportinfo03------------------*/
#tabnavi {
	overflow: hidden;
	zoom: 1;
	margin: 50px 10px 20px 10px;
	background: url(../images/bg12.jpg) left bottom repeat-x;
	padding: 0;
}
#tabnavi li {
	float: left;
	background: none;
	margin: 0;
	padding: 0;	
}
#tabnavi li a {
	display: block;
	background: #6675BF;
	color: #BAC1E2;
	font-weight: bold;
	padding: 10px;
	text-decoration:none;
	width: 150px;
	text-align: center;
}
#tabnavi li.tab02 a {
	background-color: #2886C3;
	color: #69abd5;
}
#tabnavi li.tab03 a {
	background-color: #50C5DE;
	color: #85d7e8;
}
.tabcontent table.table01 {
	width: 90%;
}
#tabnavi li a:hover,
#tabnavi li a.active {
	background: #6675BF;
	color: #fff;
}
#tabnavi li.tab02 a:hover,
#tabnavi li.tab02 a.active {
	background: #2886C3;
}
#tabnavi li.tab03 a:hover,
#tabnavi li.tab03 a.active {
	background: #50C5DE;
}
#tabcontent table.table01 {
	width: 94.5%;
	margin-left: 1.5%;
}
#tab01 table td,
#tab02 table td,
#tab03 table td {
	text-align: left;
}
ul.q {
	margin-bottom: 0;
}
ul.q li {
	background: url(../images/supportinfo/icon01.jpg) left 2px no-repeat;
	padding: 0 0 10px 25px;
	margin-bottom: 15px;
	border-bottom: dotted 1px #cccccc;
}
ul.q li a {
	color: #50C5DE;
}
h3.h3_q {
	background: url(../images/supportinfo/icon02.jpg) left top no-repeat;
	font-size: 1.4em;
	border: none;
	padding: 0 0 0 28px;
	margin-bottom: 15px;
}
.qa_box {
	background: url(../images/supportinfo/icon03.jpg) 34px 5px no-repeat;
	padding: 0 0 0 55px;
	margin-bottom: 3%;
}

.supportinfo_box01 {
	float: left;
	width: 450px;
	background: url(../images/supportinfo/bg01.jpg) left bottom no-repeat;
	margin-left: 15px;
	margin-bottom: 20px;
}
.supportinfo_box01 h4 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}
.supportinfo_box01 div {
	background: url(../images/supportinfo/bg02.jpg) left top repeat-y;
}
.supportinfo_box01 div ul li {
	background: none;
	padding: 0;
	margin: 0 0 1% 3.5%;
}
.navi_box01 {
	overflow: hidden;
	zoom: 1;
}
.navi_box01 li {
	float: left;
	margin: 0 3% 0 0;
	background: none;
}
.add_box05 {
	position: relative;
}
.add_box05 p {
	padding: 0;
	margin: 0;
}
.add_box05 p.add06 {
	position: absolute;
	top: 64px;
	left: 219px;
}

/*-------------supportinfo_box07--------------*/
.supportinfo_box07 {
	border: solid 1px #CCCCCC;
	padding: 20px 0 0 25px;
	overflow: hidden;
	zoom: 1;
}
.supportinfo_box07 h4 {
	background: none;
	padding: 0 0 0 0;
	color: #000;
	margin-top: 0;
}
.supportinfo_box07 ul {
	overflow: hidden;
	zoom: 1;
}
.supportinfo_box07 ul li {
	float: left;
	background: none;
	padding: 0;
	margin-right: 35px;
}
.supportinfo_box07_01 {
	float: left;
	margin-right: 35px;
}
.img27 {
	float: left;	
}
.supportinfo_box07_02 {
	overflow: hidden;
	zoom: 1;
}
.supportinfo_box07_02 h4 {
	background: none;
	padding: 0;
	color: #000000;
}
.supportinfo_box07_02 p {
	float: left;
}
.img28 {
	margin-top: 10px;
}

/*--------------------------------------------------------------------------------
　▼　■□■news■□■
--------------------------------------------------------------------------------*/
.next_page {
	overflow: hidden;
	zoom: 1;
	margin-left: 40%;
	margin-top: 5%;
}
.next_page li {
	float: left;
	margin-left: 1%;
	background: none;
	padding: 0;
	margin: 0 0 0 20px;
}
.next_page li a {
	padding: 0;
}


/*--------------------------------------------------------------------------------
　▼　■□■guide■□■
--------------------------------------------------------------------------------*/
.number01 {
	background: url(../images/guide/guide02/number01.jpg) no-repeat left top;
	border: none;
	padding: 1px 0 1px 30px;
	margin: 25px 10px 10px 10px;
}
.number02 {
	background: url(../images/guide/guide02/number02.jpg) no-repeat left 30px;
	border: none;
	border-top: 3px solid #F6F6F6;
	padding: 30px 0 1px 30px;
	margin: 35px 10px 10px 10px;
}
.number03 {
	background: url(../images/guide/guide02/number03.jpg) no-repeat left 30px;
	border: none;
	border-top: 3px solid #F6F6F6;
	padding: 30px 0 1px 30px;
	margin: 35px 10px 10px 10px;
}
.number04 {
	background: url(../images/guide/guide02/number04.jpg) no-repeat left 30px;
	border: none;
	border-top: 3px solid #F6F6F6;
	padding: 30px 0 1px 30px;
	margin: 35px 10px 10px 10px;
}
.number05 {
	background: url(../images/guide/guide02/number05.jpg) no-repeat left 30px;
	border: none;
	border-top: 3px solid #F6F6F6;
	padding: 30px 0 1px 30px;
	margin: 35px 10px 10px 10px;
}
.number06 {
	background: url(../images/guide/guide02/number06.jpg) no-repeat left 30px;
	border: none;
	border-top: 3px solid #F6F6F6;
	padding: 30px 0 1px 30px;
	margin: 35px 10px 10px 10px;
}
.number07 {
	background: url(../images/guide/guide02/number07.jpg) no-repeat left 30px;
	border: none;
	border-top: 3px solid #F6F6F6;
	padding: 30px 0 1px 30px;
	margin: 35px 10px 10px 10px;
}
.number08 {
	background: url(../images/guide/guide02/number08.jpg) no-repeat left 30px;
	border: none;
	border-top: 3px solid #F6F6F6;
	padding: 30px 0 1px 30px;
	margin: 35px 10px 10px 10px;
}


h4.tablemae {
	padding: 0;
	background: none;
	margin: 20px 10px 5px 10px;
}
.guide_box {
	border: 3px solid #6fcfe3;
	margin-top: 35px;
}
.guide_box h4 {
	color: #FFF;
	background: none;
	background-color: #6fcfe3;
	padding: 2px 10px;
	margin: 0 0 15px 0;
}

/*----------guide_box02----------*/
.guide_box02 {
	background: url(../images/guide/bg01.jpg) left top no-repeat;
	padding-top: 10px;
	margin-bottom: 30px;
}
.guide_box03 {
	background: url(../images/guide/bg02.jpg) left bottom no-repeat;
	padding: 5px 0 15px 0;
}
.guide_box04 {
	background: url(../images/guide/bg03.jpg) left top repeat-y;
	overflow: hidden;
	zoom: 1;
	padding: 0 0 0 30px;
}
.guide_box05 {
	width: 280px;
	float: left;
	margin: 0 20px 0 0;
}
.guide_box05 h4,
.guide_box06 h4 {
	background: none;
	padding: 0;
	margin: 20px 0 15px 0;
}
.guide_box05 h4.mgnT0,
.guide_box06 h4.mgnT0 {
	margin-top: 0;
}
,
.guide_box06 h4.mgnT10 {
	margin-top: 20px;
}
.guide_box05 ul,
.guide_box06 ul {
	margin: 0;
	padding: 0;
}
.guide_box05 ul li,
.guide_box06 ul li {
	background: none;
	padding: 0;
	margin: 0 0 5px 0;
}
.guide_box06 {
	width: 421px;
	float: left;
	margin: 0 20px 0 0;
}
.guide_box06 ul.mgnT35 {
	margin-top: 35px;
}


/*--------------------------------------------------------------------------------
　▼　■□■support■□■
--------------------------------------------------------------------------------*/
.form_sp {
	display: none;
}
.form_pc {
	display: block;
}
.box01 {
	border: solid 1px #cccccc;
	padding: 15px 10px 0 10px;
	margin: 10px 10px 0 10px;
}
.table02 {
	margin: 0 0 0 30%;
}
td input.input01 {
	width: 80%;
}
td textarea.input02 {
	width: 100%;
}
.comment01 {
	margin-bottom: 20px;
	margin-top: 20px;
}
.comment02 {
	text-align: center;
}

/*--------------------------------------------------------------------------------
　▼　■□■info■□■
--------------------------------------------------------------------------------*/
.blue {
	color: #4fc6de;	
}
.name {
	font-size: 2.2em;	
}
table.table_info_sp {
	display: none;
}
.table03 {
	margin-left: 28%;
}

/*--------------------------------------------------------------------------------
　▼　■□■lecturer■□■
--------------------------------------------------------------------------------*/
.lecturer_box {
	overflow: hidden;
	zoom: 1;
}
.lecturer_box01 {
	width: 320px;
	float: left;
	display: inline;
	border: solid 1px #DCDCD5;
	overflow: hidden;
	zoom: 1;
	margin: 20px 0 0 20px;
}
.lecturer_box01 p {
	float: left;
	margin: 10px 0 0 10px;
}
.lecturer_box01 div {
	width: 125px;
	float: left;
	margin-left: 10px;
}
.lecturer_box01 h3 {
	background: none;
	border: none;
	border-bottom: solid 1px #AADCEA;
	padding: 0 0 5px 5px;
}
.lecturer_box01 h3 a {
	color: #000000;
	font-size: 0.9em;
}
.lecturer_box01 h3 a:hover {
	text-decoration: underline;
}
.lecturer_box01 ul li {
	background: url(../images/lecture/icon01.jpg) left center no-repeat;
	padding: 0 0 0 45px;
}
.lecturer_box01 ul li {
	background: url(../images/lecture/icon01.jpg) left center no-repeat;
	padding: 0 0 0 45px;
}
.lecturer_box01 ul li.age {
	background: url(../images/lecture/icon02.jpg) left center no-repeat;
}
.lecturer_box01 ul li.residence {
	background: url(../images/lecture/icon03.jpg) left center no-repeat;
}
.lecturer_box03 {
	overflow: hidden;
	zoom: 1;
	margin-top: 20px;
}
.lecturer_box03 p {
	float: left;
}
.lecturer_box03 div {
	margin: 0 0 0 10px;
	float: left;
	width: 68%;
}
.lecturer_box03 div ul {
	margin: 0;
	overflow: hidden;
	zoom: 1;
}
.lecturer_box03 div ul li {
	background: url(../images/lecture/icon01.jpg) left center no-repeat;
	padding: 5px 0 5px 45px;
	border-bottom: dotted 1px #ccc;
	margin-bottom: 10px;
}
.lecturer_box03 ul li.age {
	background: url(../images/lecture/icon02.jpg) left center no-repeat;
}
.lecturer_box03 ul li.residence {
	background: url(../images/lecture/icon03.jpg) left center no-repeat;
}

/*--------------------------------------------------------------------------------
　▼　■□■business■□■
--------------------------------------------------------------------------------*/
.business_box {
	overflow: hidden;
	zoom: 1;
}
.business_box01 {
	width: 208px;
	border-right: dotted 1px #cccccc;
	padding: 0 10px 60px 0;
	margin: 0 0 30px 10px;
	position: relative;
	float: left;
}
.business_box .borderNoLR {
	border-right: none;
}
.business_box01 h4 {
	background: none;
	color: #000000;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
}
.business_box01 p {
	margin: 0;
}
.business_box01 p.add07 {
	position: absolute;
	left: 0;
	bottom: 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■term01■□■
--------------------------------------------------------------------------------*/
.term_box ol li ul li{
	background: url(../images/icon/list_icon02.jpg) no-repeat left 8px;
	padding-left: 15px;
	margin-bottom: 3px;
}

/*--------------------------------------------------------------------------------
　▼　■□■outline■□■
--------------------------------------------------------------------------------*/
.outline_box {
	overflow: hidden;
	zoom: 1;
}
.outline_box li {
	background: none;
	padding: 0;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%;
	padding: 1%;
	border: solid 1px #cccccc;
}

/*--------------------------------------------------------------------------------
　▼　■□■flow■□■
--------------------------------------------------------------------------------*/
h3.step01,
h3.step02,
h3.step03,
h3.step04 {
	border: none;
	background: url(../images/flow/title01.jpg) left top no-repeat;
	padding: 5px 0 10px 95px;
	margin: 35px 0 5px 0;
	font-size: 1.2em;
	color: #29ABE9;
}
h3.step02 {
	background: url(../images/flow/title02.jpg) left top no-repeat;
}
h3.step03 {
	background: url(../images/flow/title03.jpg) left top no-repeat;
}
h3.step04 {
	background: url(../images/flow/title04.jpg) left top no-repeat;
}
.comment03 {
	margin-left: 68px;
}

/*--------------------------------------------------------------------------------
　▼　■□■support■□■
--------------------------------------------------------------------------------*/
.support_box {
	overflow: hidden;
	zoom: 1;
}
.support_box01 {
	background: url(../images/support/bg01.jpg) left top repeat-y;
	width: 389px;
	float: left;
	padding: 18px 18px 0 18px;
	margin: 0 0 30px 30px;
}
.support_box01 p {
	margin:  0 0 10px 0;
}
.support_box02 {
	border: solid 1px #cccccc;
	padding: 2%;
	margin: 0 30px 0 30px;
	padding-bottom: 10px;
}
.support_box02 p {
	margin: 0 0 15px 0;
}
.support_box02_sp {
	display: none;
}
.support_box03 {
	background: url(../images/support/bg01.jpg) left top repeat-y;	
	margin: 0 10px 0 10px;
}
.support_box03 ul {
	overflow: hidden;
	 zoom: 1;
	 padding: 12px 0 12px 0;
	 margin: 0;
}
.support_box03 ul li {
	float: left;
	background: none;
	padding: 0;
	margin: 0 0 0 15px;
}
.img01 {
	margin-top: 2%;
}
.img02 {
	margin-bottom: 3%;
}
.support_box04 {
	overflow: hidden;
	zoom: 1;
}
.support_box04 li {
	float: left;
	padding: 0;
	background: none;
	margin-right: 2%;
}
#secondary .btn05 {
	margin: 25px 0 10px 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■about■□■
--------------------------------------------------------------------------------*/
.about_box {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}
.about_box p {
	margin: 0;
}
.about_box02 {
	width: 402px;
	float: left;
}
.about_box03 {
	width: 470px;
	float: right;
}
.about_box02 h4,
.about_box03 h4 {
	margin-left: 0;
	margin-right: 0;
}
.img03 {
	float: right;
}
.img04 {
	float: left;
}
.about_box01 {
	overflow: hidden;
	zoom: 1;
	margin-left: 5px;
	margin-bottom: 15px;
}
.about_box01 dl {
	float: left;
	width: 224px;
	margin: 0 0 10px 10px;
}
.about_box01 dl.mgnL0 {
	margin-left: 0;
}
.about_box01 dl dt {
	margin-bottom: 10px;
}
.about_box01 dl dd {
	margin:0 0 0 10px;
}
.about_box01 dl dd a {
	font-weight: bold;
	line-height: 1.1;
}

/*--------------------------------------------------------------------------------
　▼　■□■atrong■□■
--------------------------------------------------------------------------------*/
.list01 {
	margin-bottom: 40px;
}
.list01 li {
	background: url(../images/guide/guide02/number01.jpg) left top no-repeat;
	font-weight: bold;
	color: #26B6D2;
	font-size: 1.2em;
	border: none;
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
}
.list01 li.number01 {
	background: url(../images/guide/guide02/number01.jpg) left top no-repeat;
}
.list01 .number02 {
	background: url(../images/guide/guide02/number02.jpg) left top no-repeat;
}
.list01 .number03 {
	background: url(../images/guide/guide02/number03.jpg) left top no-repeat;
}
.strong_box {
	overflow: hidden;
	zoom: 1;
	margin-top: 40px;	
}
.strong_box01,
.strong_box02 {
	width: 350px;
	float: left;
	background-color: #C7DADC;
}
.strong_box02 {
	background-color: #FDE1C4;
}
.strong_box01 h3,
.strong_box02 h3 {
	border: none;
	padding: 0;
	margin: 0;
}
.table04 {
	background-color: #ffffff;
	font-size: 0.91em;
	margin-bottom: 5px;	
}
.table04 td {
	text-align: center;
}
.strong_box01 p,
.strong_box02 p {
	text-align: right;
	margin: 0 10px 5px 0;
	font-size: 0.91em;
}

/*--------------------------------------------------------------------------------
　▼　■□■prive■□■
--------------------------------------------------------------------------------*/
table.table05 {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	margin-bottom: 2%;
}
.table05 th {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0;
}
.table05 td {
	vertical-align: top;
	padding: 0;
	margin: 0;
}
/*--↑↑reset.cssに入っていたタグ↑↑--*/
.table05 {
	clear: both;
	width: 100%;
	font-size: 1.0em;
	line-height: 1.5;
	margin: 0 4% 2% 1.5%;
}
.table05 {
	width: 100%;
	margin: 0;
	clear: both;
	font-size: 1.0em;
	line-height: 1.5;
}
.table05 th,
.table05 td {
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 10px 20px;
}
.table05 td {
	padding:10px;
}
.table05 th.th01 {
	background: url(../images/price/icon01.jpg) 95% center no-repeat #DBF0F7;
}
.table05 p {
	margin: 0;
}
.table05 img {
	width: 7%;
}
.img29 {
	float: right;
	margin: 0 0 0 0;
	width: 65%;
}



@media screen and (max-width:880px) {
img {
	width: 100%;
	height: auto;
}
div#wrapper_box {
	width: 98%;
	margin: 0 1%;
}
div#wrapper {
	width: 100%;
}
h1 {
	width: 55%; 
	display: inline;
}
div#contents {
	background: none;
}
#header_list li a {
	font-size: 0.8em;
}

/*------------------login_box------------------*/
#login_box,
#login_box02 {
	width: 52%;
	padding: 1.2% 1.5%;
}
#login_box p {
	padding-top: 2%;
}
#login_box #id_name {
	width:100%;
}

/*------------------glNavi------------------*/
ul#glNavi li {
	width: 25%;
}
ul#glNavi li img {
	width: 100%;
}

/*------------------link_box------------------*/
.link_box {
	margin-bottom: 1.2%;
}
.link_box .link_box01 {
	width: 48.8%;
	background: none;
	padding-bottom: 3%;
	margin: 2% 2.2% 0 0;
}
.link_box .link_box01 ul {
	background: none;
	padding: 0 0 2% 3%;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
	background-color: #FFFDEE;
	border: solid 1px #cccccc;
	border-top: none;
	overflow: hidden;
	zoom: 1;
}
.link_box .link_box01 ul li {
	background: none;
	padding: 0.8% 0 2% 2%;
}
.link_box .link_box01 ul li img {
	width: 95%;
}

/*------------------add_box------------------*/
.add_box,
.add_box02 {
	margin: 0 0 0 2%;
}
.add01 {
	position: absolute;
	top: 11px;
	left: 195px;
}
.add_box03 {
	margin: 3% 0 0 0%;
	padding: 0;
	position: relative;
}

/*------------------primary_two------------------*/
div#primary_two {
	width: 69%;
}

/*------------------voice_box------------------*/
.voice_box01 {
	width: 48%;
	margin: 1.2% 0 2.2% 1.5%;
}
.voice_box01 div {
	width: 40%;
	float: right;
}
.add06 {
	position: absolute;
	top: 3px;
	right: 0;
	width: 15%;
}
.add06 img {
}

.whatsNew_box02 .add02,
.add02 {
	top: 6px;
	width: 15%;
}

/*------------------secondary------------------*/
div#secondary {
	width: 29%;
}

/*------------------footer------------------*/
#footer h2 {
	width: 50%;
}

/*------------------ul------------------*/
div#footer .address {
	clear: both;
	text-align: center;
}
.footer_box .footer_left {
	width: 40%;
}
.footer_box .footer_right {
	width: 50%;
	margin: 10px 20px 0 0;
}

/*------------------main_left------------------*/
#main #main_left {
	width: 49.5%;
}

/*------------------main_left_sp------------------*/
#main_left_box01 {
	display: none;
}
#main_left_sp {
	display: block;
	margin: 0 0 5% 0;
	display: block;
}
#main_left_sp h2 {
	margin: 0;
	padding: 0;
}
#main_left_sp ul {
	padding-left: 6%;
	margin: 0;
	background-color: #F1FAFC;
	border: solid 1px #6FCFE3;
	overflow: hidden;
	zoom: 1;
}
#main_left_sp ul li {
	width: 30%;
	float: left;
	margin: 3% 2% 3% 0;
	padding: 0;
}
#main_left_sp ul li img {
	width: 100%;
}

/*------------------main_right------------------*/
#main .main_right {
	width: 49.5%;
}
#add01 {
	position: absolute;
	top: 7px;
	right: 0;
}
#add01 img {
	width: 80%;
}

/*------------------navi------------------*/

div#navi {
	margin: 0 0;
	padding: 0 0 2% 0;
}
div#navi .h2_img01 {
	display: none;
	float: none;
	margin: 0;
}
.h2_img02 {
	display: block;
	margin: 0;
}
div#navi div {
	float:  none;
	margin: 0 0 0 2%;
	padding: 1% 0 0 2%;
}
div#navi dl {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin: 1% 1.2% 0 1%;
	padding: 0;
}
div#navi dl dt {
	float: left;
	display: inline;
	margin: 1.5% 0 0 0;
}
div#navi dl dd {
	float: left;
	display: inline;
	margin-left: 0;
	margin-bottom: 0;
}

/*------------------summary------------------*/
.summary_box {
	padding: 0 0 2.5% 0;
	margin: 0;
}
.summary_box p {
	text-align: left;
	margin: 0 2%;
	padding-top: 2%;
}
.summary01 {
	width: 30.5%;
	margin: 2% 0 0 2%;
	float: left;
	padding: 2% 0 0 0;
}
.photo01 {
	float: left;
	margin-left: 1.2%;
	width: 30%;
}
.summary_inner {
	overflow: hidden;
	zoom: 1;
}
.summary_inner h3 {
	font-weight: bold;
	color: #26B6D2;
	font-size: 1.1em;
	line-height: 1;
	border-bottom: dotted 1px #cccccc;
	padding: 0 0 2% 4%;
	background: url(../img/icon04.jpg) left 5px no-repeat;
	margin: 1% 1.2em 0 4%;
}
.summary_inner ul {
	overflow: hidden;
	zoom: 1;
	clear: both;
	margin: 3% 0 0 12%;
}
.summary_inner ul li {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
.summary_inner .btn01 {
	margin: 2% 0 0 12%;
	padding: 0 0 0 1%;
	width: 75%;
	display: block;
}
.summary_inner .btn01_01 {
	width: 75%;
	margin: 2% 0 0 12%;
}
.summary_bottom {
	overflow: hidden;
	zoom: 1;
	background-color: #F1FAFC;
	border-top: solid 1px #cccccc;
	padding: 2% 2% 2% 3%;
	margin-top: 5%;
}
.summary_bottom li {
	float: left;
	color: #22A0BB;
	padding: 0 0 0 0;
	background: none;
	margin-right: 1.5%;
}
.summary_bottom li a {
	color: #22A0BB;
	text-decoration: underline;
	font-size: 0.8em;
}
.summary_bottom li a:hover {
	text-decoration: none;
}

/*------------------guide------------------*/
.width01 {
	width: 10%;
}
.width02 {
	width: 20%;
}
.width03 {
	width: 30%;
}
.width04 {
	width: 40%;
}
.width05 {
	width: 50%;
}
.width06 {
	width: 60%;
}
.width08 {
	width: 80%;
}

/*------------------table_info_sp------------------*/
table.table_info_sp {
	display: block;
	margin: 0 2% 0 2%;
	width: 96%;
}
table.table_info {
	display: none;
}
.table_info_sp th.th01 {
	background-color: #F0F0F0;
}
.table03 {
	margin: 0 0 0 18%;
}

/*------------------link_box02------------------*/
.link_box02 {
	display: none;
}
.link_box03 {
	display: block;
	margin-top: 5%;
	margin-bottom: 3%;
}
.link_box03 p {
	margin: 0 4%;
	padding: 0;
}
.link_box03 div {
	margin-top: 5%;
	margin-bottom: 5%;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
	background-color: #FFFDEE;
	border: solid 1px #cccccc;
	border-top: none;
	margin: 0 4%;
	padding-bottom: 2%;
}
.link_box03 div p {
	margin: 0 auto 2%;
	padding: 0;
	width: 70%;	
}
/*------------------add_box------------------*/
.add_box02 {
	display: none;
}
.add05 {
	display: block;
	width: 50%;
	text-align: center;
	margin-left: 25%;
}

/*------------------info------------------*/
.form_pc table.table03 {
	margin: 0 0 0 17%;
}

/*--------------------------------------------------------------------------------
　▼　■□■business■□■
--------------------------------------------------------------------------------*/
.business_box01 {
	width: 22%;
	padding: 0 1% 10% 0;
	margin: 0 0 30px 2%;
}
.business_box01 h4 {
	margin: 0 0 2% 0;
}
.business_box01 p.add07 {
	width: 90%;
}

/*--------------------------------------------------------------------------------
　▼　■□■supportinfo■□■
--------------------------------------------------------------------------------*/
/*------------------supportinfo03------------------*/
#tabnavi {
	margin: 10% 1.2% 2.4% 1.2%;
	background: url(../images/bg12.jpg) left bottom repeat-x;
}
#tabnavi li a {
	padding: 1.2%;
	width: 100px;
	font-size: 0.8em;
	padding: 10% 0;
}
#tab01,
#tab02,
#tab03 {
	margin: 0 4%;
} 
#tab01,
#tab02,
#tab03 {
	margin: 0 4%;
} 
#tab01 h4,
#tab02 h4,
#tab03 h4{
	margin-left: 0;
	margin-right: 0;
} 
#tab01 table td,
#tab02 table td,
#tab03 table td {
	text-align: left;
	padding: 2%;
}
.tw30 {
	width: 35%;
}
.navi_box01 li {
	margin: 0 3% 0 0;
	width: 40%;
}
.navi_box01 li.btn04 {
	width: 80%;
}

.add_box05 {
	position: relative;
}
.add_box05 p {
	padding: 0;
	margin: 0;
}
.add_box05 p.add06 {
	position: absolute;
	width: 60%;
	top: 50px;
	left: 180px;
}

/*------------------supportinfo07------------------*/
.supportinfo_box07 {
	padding: 3% 0 0 4%;
	overflow: hidden;
	zoom: 1;
}
.supportinfo_box07 ul li {
	float: left;
	margin-right: 5%;
	width: 45%
}
.supportinfo_box07_01 {
	float: left;
	margin-right: 5%;
	width: 45%;
}
.img27 {
	float: left;
	width: 45%;
}
.supportinfo_box07_02 p {
	float: left;
	width: 45%;
}
.img28 {
	margin-top: 1.5%;
	width: 40%;
}

/*--------------------------------------------------------------------------------
　▼　■□■login■□■
--------------------------------------------------------------------------------*/
.btn03 {
	width: 25%;
	margin-left: 38%;
}

/*--------------------------------------------------------------------------------
　▼　■□■guide■□■
--------------------------------------------------------------------------------*/

/*----------guide_box02----------*/
.guide_box02 {
	padding: 1.5% 0 2% 0;
	margin: 0 0 5% 0%;
	width: 99%;
	background: none;
	background-color: #FFFDEE;
	-webkit-border-radius: 8px;
	border: solid 1px #cccccc;
}
.guide_box03 {
	padding:  0;
	background: none;
}
.guide_box04 {
	padding: 0 0 0 0%;
	background: none;
}
.guide_box05 {
	width: 30%;
	margin: 0 0 0 2.5%;
}
.guide_box05 h4,
.guide_box06 h4 {
	margin: 0 0 4% 0;
}
.guide_box06 h4.mgnT10 {
	margin-top: 4%;
}
.guide_box05 ul li,
.guide_box06 ul li {
	margin: 4% 0 0 0;
}
.guide_box06 {
	width: 47%;
	margin: 0 0 0 2.2%;
}
.guide_box06 ul.mgnT35 {
	margin-top: 10.1%;
}

/*------------------main_left_box02------------------*/
#main_left .main_left_box02 ul  {
	margin: 0 0 3% 0;
	padding: 2.5% 0 0 2%;
}
#main_left .main_left_box02 ul li {
	margin: 0 6px 10px 0;
	width: 48%;
}
#main_left .main_left_box02 p  {
	text-align: center;
	margin-bottom: 10px;
}
/*--------------------------------------------------------------------------------
　▼　■□■support_box■□■
--------------------------------------------------------------------------------*/
.support_box01 {
	width: 40%;
	padding: 2% 2% 1% 2%;
	margin: 0 0 4% 4%;
}
.support_box01 p {
	margin:  0 0 2% 0;
}
.support_box02 {
	border: solid 1px #cccccc;
	padding: 2%;
	margin: 0 4%;
	padding-bottom: 1.2%;
}
.support_box02 p {
	margin: 0 0 1.4% 0;
}
.support_box02_sp {
	display: none;
}
.support_box03 {
	margin: 0 2%;
}
.support_box03 ul {
	padding: 1.1% 0;
}
.support_box03 ul li {
	padding: 0;
	margin: 0 0 0 1.1%;
	width: 32%;
}
.img01 {
	width: 50%;
}
.img02 {
	width: 60%;
}

/*--------------------------------------------------------------------------------
　▼　■□■about■□■
--------------------------------------------------------------------------------*/
.about_box {
	margin-bottom: 3%;
}
.about_box02 {
	width: 60%;
}
.about_box03 {
	width: 72%;
}
.about_box01 {
	margin-left: 0.5%;
	margin-bottom: 1.2%;
}
.img03 {
	float: right;
	width:38%;
}
.img04 {
	float: left;
	width: 25%;
}
.about_box01 dl {
	width: 30%;
	margin: 0 0 1% 1%;
}
.about_box01 dl.mgnL0 {
	margin-left: 0;
}
.about_box01 dl dt {
	margin-bottom: 1%;
}
.about_box01 dl dd {
	margin:0 0 0 1%;
}
.add08 {
	width: 60%;
	margin-left: 18%;
}

/*--------------------------------------------------------------------------------
　▼　■□■atrong■□■
--------------------------------------------------------------------------------*/
.list01 {
	margin-bottom: 5%;
}
.list01 li {
	padding: 0 0 0 5%;
	margin: 0 0 1% 0;
}
.strong_box {
	margin: 5% 0;
}
.strong_box01,
.strong_box02 {
	width: 50%;
	float: left;
}
.table04 {
	margin-bottom: 0.5%;	
}
.strong_box01 p,
.strong_box02 p {
	margin: 0 2% 0.5% 0;
}

/*------------------service_box01------------------*/
.service_box01 {
	border:solid 5px #DA9B6A;
	border-top: none;
	padding: 4% 2% 2% 2%;
	margin-bottom: 5%;
}
.service_box01_01 {
	width: 58%;
	float: left;
}
.img05 {
	float: right;
	margin-right: 4%;
}
.service_box01_02 {
	width: 40%;
	float: right;
}
.img06,
.img08 {
	float: left;
	width: 55%;
}
.img08 {
	width: 30%;
}
.service_box01_03 {
	width: 60%;
	float: right;
	margin-right: 3%;
}
.service_box01_03 div {
	margin-bottom: 3%;
}
.service_box01_03 h4 {
	margin:  1.2% 1.2%　1.2%;
}
.service_box01_03 p {
	margin-bottom: 1.2%;
}
.img07 {
	float: left;
}
.service_box01_04 {
	width: 67%;
	float: right;
	margin-right: 0;
	margin-bottom: 1%;
}
.service_box01_04 p {
	margin: 0 0 2% 0;
}
.service_box01_05 {
	margin-bottom: 3%;
	overflow: hidden;
	zoom: 1;
}

/*------------------service_box02 service_box03------------------*/
.service_main {
	display: none;
}
.service_main02 {
	display: block;
}
.service_main02 p {
	margin: 0;
	padding: 0;
}
.service_main02 ul {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding: 0;
}
.service_main02 ul li {
	float: left;
	background: none;
	padding: 0;
	margin: 0;
	width: 50%;
}
.service_main p.add09 {
	top: 154px;
	width: 38%;
}
.service_main p.add10 {
	left: 180px;
	top: 154px;
	width: 38%;
}
.service_main p.add11 {
	top: 156px;
	width: 38%;
}
.service_main p.add12 {
	left: 180px;
	top: 156px;
	width: 38%;
}
.service_box02,
.service_box02_03 {
	background: url(../images/service/bg03.jpg) left top repeat-y;
	width: 96.5%;
	border-right: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
}
.service_box02_01,
.service_box02_04 {
	padding-bottom: 1.2%;
	background: none;
}
.service_box02_01 div {
	margin: 2% 7% 0 4%;
}
.comment06 {
	margin-left: 6%;
	width: 80%;
	margin-bottom: 3%;
}

.h3_img05 {
	padding: 0;
	border: none;
	margin: 0 1% 0 0;
	float: left;
}
.img09 {
	float: right;
}
.service_box02_04 {
	margin: 0 7% 0 4%;
}
.service_box02_06 {
	margin-bottom: 2.2%;
}
.service_box02_06 div {
	width: 50%;
	float: left;
}
.service_box02_06 h4 {
	background: none #FCEF7C;
	color: #000000;
	padding: 0.3% 1% 0.2% 1%;
	margin: 0 0 5% 0;
	font-size: 0.98em;
}
.list02 {
	margin-bottom: 5%;
}
.list02 li {
	background: url(../images/guide/guide02/number01.jpg) left top no-repeat;
	border: none;
	padding: 0 0 0.3% 7%;
	margin: 0 0 1% 0;
}

/*------------------service_box04------------------*/
.h3_img06 {
	padding: 0 0 2.5% 10%;
}
.img21 {
	float: right;
	width: 35%;
}
.img22 {
	width: 25%;
}
.service_box04_01,
.service_box04_02 {
	width: 60%;
	float: left;
	padding-left: 1%
}
.service_box04_02 {
	width: 70%;
}

/*------------------service_box05------------------*/
.service_box05 {
	margin: 0 1.5%;
	padding-top: 1.2%;
}
.img11 {
	float: right;
}
.img12 {
	float: left;
}
.service_box05_01 {
	width: 50%;
	float: left;
}
.service_box05_02 {
	width: 50%;
	float: right;
}

/*------------------service_box06------------------*/
.service_box06 {
	margin-bottom: 5%;
}
.service_box06_01 {
	-webkit-background-size: 100% auto;
}
.img13,
.img14,
.img15 {
	float: right;
}
.img13 img {
	width: 80%;
}
.img14 {
	width: 27%;
}
.img15 img {
	width: 80%;
}
.service_box06_01 div {
	float: left;
	width: 70%;
	margin: 2% 0 0 5%;
}
.service_box06_01 .service_box06_03 {
	width: 60%;
}
.service_box06_01 .service_box06_04 {
	width: 60%;
}

/*------------------service_box07------------------*/
.service_box07 {
	padding-top: 1.5%;
}
.img16 {
	float: right;
	width: 35%
}
.service_box07 div {
	float: left;
	width: 60%;
}

/*------------------service_box08------------------*/
.service_box08 {
	margin-top: 5%;
}
.img23 {
	float: left;
	margin-right: 5%;
	width: 14%;
	margin-bottom: 3%;
}
.service_box08 h3 {
	background: none;
	padding: 0 0 2% 0%;
	margin: 0 0 0 0;
	float: left;
	display: inline;
	width: 80%;
}
.service_box08 p.comment05 {
	clear: both;
}
.img24 {
	float: right;
	margin-bottom: 2%;
	width: 15%;
}

/*------------------service_box09------------------*/
.img17 {
	float: left;
	width: 30%
}
.img18 {
	float: right;
	width: 30%
}
.service_box09 .service_box09_01 {
	float: right;
	width: 65%;
}
.service_box09 .service_box09_02 {
	float: left;
	width: 65%;
}
.service_box09 .service_box09_03 {
	float: left;
	width: 65%;
}

/*------------------service_box10------------------*/
.service_box10 {
	margin-bottom: 5%;
	margin-top: 5%;
}
.service_box10 div {
	width: 60%;
	float: left;
}
.img19 {
	float: right;
	margin-top: 2%;
}
.service_box10 div h4 {
	width: 100%;	
}

/*------------------service_box11------------------*/
.service_box11 {
	margin-top: 2.2%;
}
.service_box11_01 {
	width: 74%;
	float: left;
}
.img20 {
	float: right;
	width: 20%;
}
.service_box11_01 h4 {
	margin-left: 1.2%;
	margin-right: 1.2%;
}
.service_box11_02,
.service_box11_03 {
	margin: 0 0 0 1.2%;
	padding: 4% 0;
}
.service_box11_03 {
	padding-bottom: 4%;
	margin-bottom: 5%;
}
.service_box11_02 p {
	margin: 0;
	padding: 0 4% 1.5% 2%;
}

/*------------------service_box12------------------*/
.service_box12 {
	padding: 4% 2% 2% 2%;
	margin-bottom: 5%;
	margin-left: 1px;
	border:solid 4px #DA9B6A;
	border-top: none;
	border-left: 4px solid #DA9B6A;
}
.service_box12_01 {
	width: 55%;
	float: left;
}

.img25 {
	float: right;
	margin-right: 5%;
	width: 38%;
}
.img26 {
	float: left;
	margin-right: 0;
	width: 40%;
}
.service_box12_02 {
	width: 55%;
	float: right;
}


}

@media screen and (max-width:580px) {

ul#glNavi {
	display: none;
}

/*--------------------------------------------------------------------------------
　▼　■□■wrapper■□■
--------------------------------------------------------------------------------*/
div#wrapper_box {
	width: 100%;
	margin: 0;
}
div#wrapper {
	width: 100%;
}

/*--------------------------------------------------------------------------------
　▼　■□■header■□■
--------------------------------------------------------------------------------*/
div#header {
	padding: 2% 0 0 0;
}
h1 {
	display: none;
}
#header_list {
	display: none;
}
#logo {
	float: none;
	display: inline;
	margin: 0% 0 0 0%;
}
#logo img {
	width: 80%;
}

/*------------------login_box------------------*/
#login_box {
	float: none;
	width: 100%;
	margin: 2% 0 0 0;
	padding: 2%;
}
#login_navi {
	overflow: hidden;
	zoom: 1;
	float: none;
	margin: 2% 0 3% 2%;
	padding: 0 2% 0 0;
}
#login_navi li {
	float: left;
	margin: 0 4% 0 0;
}
#login_box p {
	clear: both;
	margin: 0 0 2% 2%;
	padding: 0;
}
#login_box #id_name {
	margin: 0 0 2% 0;
	padding: 0;
	float: left;
	overflow: hidden;
	zoom: 1;
	width: 100%;
}
#login_box #id_name li {
	float: left;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
#login_box #id_name li#id {
	background: url(../img/icon05.jpg) left center no-repeat;
	padding-left: 8%;
	margin-right: 3%;
	font-weight: normal;
}
.main_box {
	margin: 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■glNavi■□■
--------------------------------------------------------------------------------*/
ul#glNavi {
	display: none;
}
#menu {
	clear: both;
	display: block;
	padding: 2% 0 0 0;
	margin: 3% 4% 5% 4%;
}
#btn02 {
	margin-bottom: 0;
	padding: 0;
}
#menu ul {
	border-left: solid 1px #6FCFE3;
	border-right: solid 1px #6FCFE3;
	background-color: #F1FAFC;
}
#menu ul li {
	border-bottom: solid 1px #6FCFE3;
	margin: 0;
	padding: 0;
	background: none;
}
#menu ul li a {
	font-size: 1.5em;
	font-weight: bold;
	padding: 2% 0;
	display: block;
	text-align: center;
	color: #333333;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------
　▼　■□■contents■□■
--------------------------------------------------------------------------------*/
div#contents {
	overflow: hidden;
	zoom: 1;
	margin: 0;
	background: none;
}
div#contents02 {
	overflow: hidden;
	zoom: 1;
	margin: 0;
}
/*--------------------------------------------------------------------------------
　▼　■□■main■□■
--------------------------------------------------------------------------------*/
#main {
	margin: 0 2%;
}
#main #main_left {
	float: none;
	width: 100%;
}
#main_left_box01 {
	display: none;
}
#main_left_sp {
	display: block;
	margin: 0 2% 5% 2%;
}

/*------------------main_left_sp------------------*/
#main_left_sp h2 {
	margin: 0;
	padding: 0;
	background: none;
}
#main_left_sp ul {
	background-color: #F1FAFC;
	border: solid 1px #6FCFE3;
	border-top: none;
	overflow: hidden;
	zoom: 1;
	padding-left: 6%;
	margin: 0;
}
#main_left_sp ul li {
	width: 30%;
	float: left;

	margin: 3% 2% 3% 0;
	padding: 0;
	background: none;
}
#main_left_sp ul li img {
	width: 100%;
}

/*------------------main_left_box02------------------*/
#main_left_box02 {
	clear: both;
	margin: 0 2% 0 2%;
}
#main_left_box02 div {
	border: solid 1px #cccccc;
	border-bottom: none;
	background-color: #F6F6F6;
	padding: 2% 3% 3% 3%;
}
#main_left_box02 div h3 {
	font-weight: bold;
	float: left;
	font-size: 1.2em;
	display: inline;
	margin: 1% 0 0 0;
	width: 30%;
	padding: 0;
	border: none;
}
#main_left_box02 div p {
	margin: 0 0 10px 0;
	padding: 0;
}
.none {
	display: block;
	margin: 0  0 4% 0;
	float: left;
}
.none a img {
	width: 70%;
}
#main_left_box02 div p#select {
	width: 70%;
}

/*------------------table01------------------*/
.table01 {
	margin-bottom: 5%;
	width: 100%;
	margin-top: 0;
}
.table01 td {
	padding: 2% 1%;
}
.table01 td.tw35 {
	width: 20%;
}
.table01 td span {
	font-size: 1.3em;
}
.table01 td p.saikin {
	padding-bottom: 2%;
	margin: 0 3% 1.5% 3%;
}
.table01 td img {
	width: 90%;
}

/*------------------whatsNew------------------*/
#main .main_right {
	display: none;
}
.main_right_sp {
	display: block;
	margin: 0 2% 5% 2%;
	padding: 0;
}
.main_right_sp h2 {
	margin: 0;
	padding: 0;
	background: none;
}
.main_right_sp .whatsNew_box01 {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border: solid 1px #cccccc;
	border-top: none;
	padding: 2% 0 2% 1.5%;
}
.main_right_sp dl.whatsNew {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto;
}
.main_right_sp dl.whatsNew dt {
	padding: 0 0 0 4%;
	font-weight: bold;
	display: inline;
	margin-right: 1%;
	margin-top: 10%;
}
.main_right_sp dl.whatsNew dt.campaign {
	background: url(../img/icon17.jpg) right top no-repeat;
	padding-right: 30%;
}
.main_right_sp dl.whatsNew dt.system {
	background: url(../img/icon18.jpg) right top no-repeat;
	padding-right: 30%;
}
.main_right_sp dl.whatsNew dt.content {
	background: url(../img/icon19.jpg) right top no-repeat;
	padding-right: 30%;
}
.main_right_sp dl.whatsNew dt.maintenance {
	background: url(../img/icon20.jpg) right top no-repeat;
	padding-right: 30%;
}
dl.whatsNew dt.maintenancefinish {
	background: url(../images/icon30.jpg) right top no-repeat;
	padding-right: 58%;
}
dl.whatsNew dt.systemfinish {
	background: url(../images/icon29.jpg) right top no-repeat;
	padding-right: 58%;
}
.main_right_sp dl.whatsNew dd {
	border-bottom: 1px dotted #CCCCCC;
	padding: 0 5% 5px 4%;
	margin: 0 1% 3% 0;
}
.main_right_sp dl.whatsNew dd a {
	color: #26B6D2;
	text-decoration: none;
}
.main_right_sp .whatsNew_box01 p {
	display: block;
	margin: 0;
	padding: 0;
}
.main_right_sp .whatsNew_box01 p a {
	display: block;
	font-weight: bold;
	text-align: center;
	padding-top: 0%;
	color: #333333;
	text-decoration: none;
}
.whatsNew_box03 {
	margin: 4% 3% 0 3%;
}

/*------------------link_box------------------*/
.link_box {
	margin-bottom: 1.2%;
}
.link_box .link_box01 {
	width: 100%;
	float: none;
	background: none;
	padding-bottom: 3%;
	margin: 2% 2.2% 0 0;
}
.link_box .link_box01 ul {
	background: none;
	padding: 0 0 2% 3%;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
	background-color: #FFFDEE;
	border: solid 1px #cccccc;
	border-top: none;
}
.link_box .link_box01 ul li {
	background: none;
	padding: 0.8% 0 2% 2%;
}
.link_box .link_box01 ul li img {
	width: 95%;
}

/*------------------pan------------------*/
.pan {
	margin: 0 4% 3% 4%;
}
.pan li {
	margin: 0 1.4% 1.2% 0;
}
.pan li.next {
	padding: 0 4% 0 0;
	
}

/*--------------------------------------------------------------------------------
　▼　■□■primary_one■□■
--------------------------------------------------------------------------------*/
div#primary_one {
	margin: 0 0 0 0;
}
h2.h2_img02 {
	margin: 0 2%;
	padding: 0;
	background: none;	
}

/*------------------navi------------------*/
div#navi {
	margin: 0 2% 0 2%;
	padding: 0 0 4% 0;
}
div#navi .h2_img01 {
	display: block;
	float: none;
	margin: 0;
	width: 100%;
	background-color: #6FCFE3;
}
div#navi .h2_img01 img {
	width: 40%;
}
#primary_one h2.h2_img02 {
	display: none;
	margin: 0 2%;
}
div#navi div {
	float:  none;
	margin: 0 0 0 2%;
	padding-top: 4%;
}
div#navi dl {
	float: left;
	overflow: hidden;
	zoom: 1;
	margin: 1% 1.2% 2% 0;
}
div#navi dl dt {
	float: left;
	display: inline;
	margin: 1.5% 2px 0 0;
}
div#navi dl dd {
	float: left;
	display: inline;
	margin-left: 0;
}

/*------------------summary------------------*/
.summary_box {
	clear: both;
	border: solid 1px #6FCFE3;
	border-top: none;
	overflow: hidden;
	zoom: 1;
	padding: 0 2.5% 2.5% 2.5%;
	margin: 0 2% 0 2%
}
.summary_box p {
	text-align: left;
	margin: 0 2%;
	padding-top: 2%;
}
.summary01 {
	width: 96%;
	border: solid 1px #ccc;
	margin: 2% 2% 0 2%;
	float: left;
	padding: 2% 0 0 0;
}
.photo01 {
	float: left;
	margin-left: 1.2%;
}
.summary_inner {
	overflow: hidden;
	zoom: 1;
}
.summary_inner h3 {
	font-weight: bold;
	color: #26B6D2;
	font-size: 1.1em;
	line-height: 1;
	border-bottom: dotted 1px #cccccc;
	padding: 0 0 2% 4%;
	background: url(../img/icon04.jpg) left 5px no-repeat;
	margin: 1% 1.2em 0 4%;
}
.summary_inner ul {
	overflow: hidden;
	zoom: 1;
	clear: both;
	margin: 3% 0 0 12%;
}
.summary_inner ul li {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
}
.summary_inner .btn01 {
	margin: 2% 0 0 12%;
	padding: 0 0 0 1%;
	width: 73%;	
}
.summary_inner .btn01 a {
	padding: 5% 0 7% 30%;
	display: block;
}
.summary_bottom {
	overflow: hidden;
	zoom: 1;
	background-color: #F1FAFC;
	border-top: solid 1px #cccccc;
	padding: 2% 2% 2% 3%;
	margin-top: 5%;
}
.summary_bottom li {
	float: left;
	color: #22A0BB;
	padding: 0 0 0 0;
	background: none;
	margin-right: 1.5%;
}
.summary_bottom li a {
	color: #22A0BB;
	text-decoration: underline;
	font-size: 1em;
}
.summary_bottom li a:hover {
	text-decoration: none;
}
.summary_inner .btn01_01 {
	width: 62%;
}

/*------------------come------------------*/

.jumpTop {
	clear: both;
	text-align: right;
	margin: 1.5% 1.5% 2% 0;
}
.jumpTop a {
	background: url(../images/icon15.jpg) no-repeat right center;
	font-size: 0.9em;
	padding-right: 5.5%;
	color: #333333;
}/*


/*------------------come------------------*/
p.come,
ul.come li,
span.come {
	background: url(../img/icon/come.gif) no-repeat left 5px;
	padding-left: 1.5%;
}


/*------------------iframe------------------*/
/*iframe {
	border: 1px solid #CCCCCC;
}*/


/*--------------------------------------------------------------------------------
　▼　■□■primary_two■□■
--------------------------------------------------------------------------------*/
div#primary_two {
	float: none;
	width: 100%;
}
h2 {
	padding: 2% 1.2% 1.5% 2%;
	margin: 4% 2% 3% 2%;
}
h3 {
	padding: 1% 1.2% 1% 1.4%;
	margin: 4% 2% 3% 2%;
}
h4 {
	margin: 3.5% 2% 2% 2%;
	padding: 0 0 2.5% 0;
}
p,
ul,
ol,
dl {
	margin: 0 4% 2% 4%;
}

/*------------------table------------------*/
.table {
	margin-left: 4%;
	margin-right: 4%;
	width: 93%;
	margin-bottom: 5%;
}
.table th,
.table td {
	padding: 1% 2%;
}	

/*------------------voice_box------------------*/
.voice_box {
	display: none;
}
.voice {
	display: block;
	margin: 0 2% 0 2%;
	padding: 0;
}

/*------------------voice_box------------------*/
.voice_box02 {
	padding: 0.5% 0 0 0;
}
.voice_box01 {
	width: 92%;
	float: none;
	margin: 1.2% 0 2% 2%;
	padding: 2%;
	border: solid 1px #cccccc;
}
.voice_box01 .photo02 {
	float: left;
}
.voice_box01 .photo02 img {
	width: 90%;
}
.voice_box01 div {
	width: 50%;
	float: right;
}
.voice_box01 div p {
	margin: 0;
	margin: 0 0 0.8% 0;
}
.voice_box01 div .link01 {
	text-align: right;
}
.voice_box01 div .link01 a {
	background: url(../img/icon23.jpg) left center no-repeat;
	padding-left: 6%;
}

/*------------------voice_box------------------*/
#primary_two .h2_img {
	margin-top: 30px;
}
#primary_two .whatsNew {
	height: auto;
}
.whatsNew_box02 {
	display: none;
}
.whatsNew_box02 .add02 {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 13px;
	top: 8px;
}

/*------------------link_box02------------------*/
.link_box02 {
	display: none;
}
.link_box03 {
	display: block;
	margin-top: 5%;
	margin-bottom: 3%;
}
.link_box03 p {
	margin: 0 4%;
	padding: 0;
}
.link_box03 div {
	margin-top: 5%;
	margin-bottom: 5%;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;	
	background-color: #FFFDEE;
	border: solid 1px #cccccc;
	border-top: none;
	margin: 0 4%;
	padding-bottom: 2%;
}
.link_box03 div p {
	margin: 0 auto 2%;
	padding: 0;
	width: 70%;	
}
.btn05 {
	display: none;
}

/*--------------------------------------------------------------------------------
　▼　■□■secondary■□■
--------------------------------------------------------------------------------*/
div#secondary {
	width: 96%;
	float: none;
	margin: 0 2%;
}
div#secondary p.free {
	margin: 8% 0 8% 0;	
}
div#secondary h2.h2_img {
	display: none;
	margin: 0;
}
div#secondary h2.h2_img02 {
	display: block;
	background: none;
	padding: 0;
	margin: 0;
}

/*------------------list------------------*/
div#secondary ul.list {
	margin: 0 0 1.2% 0;
}
div#secondary ul.list li a {
	padding: 4% 10% 4% 2%;
	background:url(../images/icon21.jpg) no-repeat 95% center;
}
div#secondary .inq_link01 {
	display: none;
}
div#secondary .inq_link02 {
	display: block;
	margin-bottom: 3%;
	margin-top: 3%;
}

/*------------------list02------------------*/
div#secondary ul.list02 {
	border: solid 1px #6FCFE3;
	border-top: none;
	padding: 0;
	margin-bottom: 5%;
}
div#secondary ul.list02 li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
div#secondary ul.list02 li.rank02 {
	background: none;
}
div#secondary ul.list02 li.rank03 {
	background: none;
}
div#secondary ul.list02 li.rank04 {
	background: none;
}
div#secondary ul.list02 li.rank05 {
	border-bottom: none;
	background: none;
}
div#secondary ul.list02 li a {
	text-decoration: none;
	background: url(../images/icon24.jpg) 3% 12px no-repeat;
	display: block;
	color: #26B6D2;
	padding: 4% 0 4% 18%;
	border-bottom: solid 1px #cccccc;
}
div#secondary ul.list02 li.rank02 a {
	background: url(../images/icon25.jpg) 3% 12px no-repeat;
	padding: 4% 0 4% 18%;
}
div#secondary ul.list02 li.rank03 a {
	background: url(../images/icon26.jpg) 3% 12px no-repeat;
}
div#secondary ul.list02 li.rank04 a {
	background: url(../images/icon27.jpg) 3% 12px no-repeat;
}
div#secondary ul.list02 li.rank05 a {
	background: url(../images/icon28.jpg) 3% 12px no-repeat;
	border-bottom: none;
}

/*------------------list03------------------*/
div#secondary ul.list03 {
	padding-top: 0.4%;
}
div#secondary ul.list03 li {
	margin: 3% 0 0 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■footer■□■
--------------------------------------------------------------------------------*/
div#footer {
	width: 100%;
	background-color: #6FCFE3;
	padding: 3% 0 6% 0;
	margin: 0;
}
div#footer p,
div#footer ul,
div#footer dl {
	padding: 0;
	margin: 0;
}
div#footer li {
	padding: 0;
	margin: 0;
	background: none;
}
div#footer a {
	color: #ffffff;
}
div#footer a:hover {
	text-decoration: underline;
	text-decoration: none;
}

div#footer .footer_navi {
	width: 96%;
	-webkit-border-radius: 8px;
	margin: 0 2%;
	float: none;
	margin-bottom: 0;
	background-color: #ffffff;
	margin: 0 2% 2% 2%;
}
div#footer .footer_navi li {
	float: none;
	margin: 0 0 0 0;
	padding: 0;
	border-bottom: solid 1px #6FCFE3;
}
div#footer .footer_navi li a {
	font-size: 1.2em;
	background: url(../img/sp/icon02.jpg) 7% center no-repeat;
	padding: 3% 0 3% 12%;
	color: #6ECEE3;
	display: block;
	font-weight: bold;
	text-decoration: none;
}


/*------------------address------------------*/
div#footer .address {
	font-size: 0.7em;
	text-align: center;
	padding: 0;
	margin: 2% 0;
	color: #ffffff;
}
div#footer .address a {
	text-decoration: none;
}


/*------------------footer_box------------------*/
.footer_box {
	clear: both;
	padding: 2% 4%;
	-webkit-border-radius: 4px;
	background-color: #ffffff;
	padding-bottom: 0;
	margin: 0 2%;
}
.footer_box .footer_left {
	float: none;
	width: 100%;
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 2% 0;
}
.footer_box .footer_left h2 {
	margin: 0 0 2% 0;
	padding: 0;
	background: none;
}
.footer_box .footer_left h2 img {
	width: 80%;
}
.footer_box .footer_right {
	float: none;
	width: 100%;
	margin: 0 2% 4% 0;
	padding: 2%;
	background-color: #f6f6f6;
	width: 97%;
}
.footer_box .footer_right p {
	font-size: 0.9em;
}
.footer_box .footer_right p.logo_foot {
	width: 30%;
	padding: 1.5% 3% 0 3% !important;
}

/*--------------------------------------------------------------------------------
　▼　■□■service■□■
--------------------------------------------------------------------------------*/
/*------------------service_box------------------*/
.service_box .service01 {
	float: none;
	width: 100%;
	margin: 0 04% 4%px 0;
	padding: 0 1.2% 0 0;
}
.service_box .service01 h4 {
	margin: 0 0 1.2% 1%;
}
.photo03 {
	display: none;
}
.btn02 {
	margin: 1.2% 0 0 1%;
}

/*------------------service_box01------------------*/
.service_div {
	margin: 0 2%
}
.service_box01 {
	border: solid 3px #DA9B6A;
	border-top: none;
	
}
.service_box01_01 {
	width: 96%;
	margin: 0 2%;
	float: none;
}
.img05 {
	float: none;
	width: 80%;
	margin: 5% auto 3% auto;
}
.service_box01_02 {
	width: 96%;
	float: none;
}
.img06,
.img08 {
	float: none;
	width: 80%;
	margin: 5% auto 5% auto;
}
.img08 {
	width: 60%;
	margin: 5% auto 5% auto;
}
.service_box01_03 {
	width: 96%;
	float: none;
	margin: 0 2%;
}
.img07 {
	float: none;
	width:40%;
	padding-left: 25%;
}
.service_box01_04 {
	float: none;
	width: 96%;
}
.service_box01_05 p {
	margin: 0 4% 2% 4%;
}

/*------------------service_box02------------------*/
.service02 {
	width: 96%;
	margin: 0 2%;
}
.service_box02,
.service_box02_03 {
	margin-bottom: 5%;
	width: 94.5%;
}

.service_box02_01,
.service_box02_04 {
	padding-bottom: 1.2%;
}
.service_box02_01 div {
	margin: 2% 7% 0 4%;
}
.h3_img05 {
	padding: 0;
	border: none;
	margin: 0 1% 0 0;
	float: none;
}
.service_box02_04 {
	margin: 0 7% 0 4%;
}
.img09 {
	float: none;
	margin: 0 20% 10% 20%;
}
.service_box02_06 {
	margin-bottom: 2.2%;
}
.service_box02_06 div {
	width: 96%;
	float: none;
}
.service_box02_06 h4 {
	background: none #FCEF7C;
	color: #000000;
	padding: 0.3% 1% 0.2% 1%;
	margin: 0 0 5% 0;
	font-size: 0.98em;
}
.list02 {
	margin-bottom: 5%;
}
.list02 li {
	padding: 0 0 0.3% 15%;
}
.service_box02 .service_box02_01 p.img10 {
	float: none;
	margin-bottom: 10%;
	margin-left: 20%;
	width: 10%;
}
.service_box02 .service_box02_01 p.img10 img {
	width: 60%;
}
.comment04 {
	margin-top: 5%;
}

.h3_img04 {
	display: block;
}
.h3_img05 {
	display: none;
}

/*------------------service_box04------------------*/
.h3_img06 {
	padding: 0 0 4% 10%;
	-webkit-background-size: 100% auto;
	
}
.img21 {
	float: none;
	width: 50%;
	margin-left: 25%;
}
.img22 {
	float: none;
	width: 50%;
	margin-left: 25%;
}
.service_box04_01,
.service_box04_02 {
	width: 96%;
	float: none;
	margin: 0 2%;
	padding-left: 1%
}
.service_box04_02 {
	width: 96%;
	margin: 0 2%;
}

/*------------------service_box05------------------*/
.submain {
	margin: 0 2%;
}
.h3_img {
	margin: 3% 2%;
}
.img11 {
	float: none;
	width: 60%;
	margin-left: 20%;
	margin-bottom: 5%;
}
.img12 {
	float: none;
	width: 60%;
	margin-bottom: 5%;
	margin-left: 20%;
}
.service_box05_01 {
	width: 100%;
	float: none;
}
.service_box05_02 {
	width: 100%;
	float: none;
}

/*------------------service_box06------------------*/
.service_box06 {
	width: 96%;
	margin: 0 2% 5% 2%;
}
.h3_img02 {
	margin-left: 2%;
	margin-right: 2%;
}
.service_box06_01 {
	-webkit-background-size: 100% auto;
}
.img13,
.img14,
.img15 {
	float: none;
	display: none;
}
.service_box06_01 div {
	float: left;
	width: 80%;
	margin: 2% 0 0 10%;
}
.service_box06_01 .service_box06_03 {
	width: 80%;
}
.service_box06_01 .service_box06_04 {
	width: 80%;
}

/*------------------service_box07------------------*/
.service_box07 {
	padding-top: 3%;
}
.img16 {
	float: right;
	width: 32%
}
.service_box07 div {
	float: left;
	width: 60%;
}

/*------------------service_box08------------------*/
.service_box08 {
	margin-top: 5%;
	margin: 3% 2% 0 2%;
	width: 96%;
}
.img23 {
	float: left;
	margin-right: 5%;
	width: 22%;
	margin-bottom: 3%;
}
.service_box08 h3 {
	background: none;
	padding: 0 0 2% 0%;
	margin: 0 0 0 0;
	float: left;
	display: inline;
	width: 70%;
}
.service_box08 p.comment05 {
	clear: both;
	padding-top: 3%;
}
.img24 {
	float: right;
	margin-bottom: 2%;
	width: 22%;
}

/*------------------service_box09------------------*/
.service_box09 .service_box09_01 {
	float: right;
	width: 62%;
}
.service_box09 .service_box09_02 {
	float: left;
	width: 62%;
}
.service_box09 .service_box09_03 {
	float: left;
	width: 62%;
}

/*------------------service_box10------------------*/
.service_box10 {
	margin-bottom: 5%;
}
.service_box10 div {
	width: 96%;
	margin: 0 2%;
	float: none;
}
.service_box10 div h3 {
	width: 60%;
}
.img19 {
	float: none;
	width: 50%;
	margin: 0 25%;
}
.img20 {
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}
.img20 img {
	width: 100%;
}

/*------------------service_box11------------------*/
.service_box11 {
	margin-top: 2.2%;
	
}
.service_box11_01 {
	width: 96%;
	float: none;
	margin-bottom: 5%;
}
.img20 {
	display: none;
	/*float: none;
	width: 30%;
	margin-left: 35%;
*/}
.service_box11_01 h4 {
	margin-left: 2%;
	margin-right: 2%;
}
.service_box11_02,
.service_box11_03 {
	margin: 0 2.1% 0 3.2%;
	width: 94.6%;
	padding: 4% 0;
}
.service_box11_03 {
	padding-bottom: 4%;
	margin-bottom: 5%;
}
.service_box11_02 p {
	margin: 0;
	padding: 0 4% 1.5% 2%;
}
.h3_img03 {
	margin: 0 2%;
}

/*------------------service_box12------------------*/
.service_box12 {
	border:solid 2.5px #DA9B6A;
	border-top: none;
	border-left: 2.5px solid #DA9B6A;
	margin-left: 0.325%;
}
.service_box12_01 {
	width: 96%;
	margin: 0 2%;
	float: none;
}
.service_box12_02 {
	margin-bottom: 5%;
}
.img25 {
	float: none;
	width: 50%;
	margin: 0 5% 5% 25%;
	padding-top: 5%;
}
.img26 {
	float: none;
	width: 50%;
	margin: 0 5% 5% 25%;
}
.service_box12_02 {
	width: 96%;
	margin: 0 2%
	float: none;
}



/*--------------------------------------------------------------------------------
　▼　■□■guide■□■
--------------------------------------------------------------------------------*/
h4.tablemae {
	padding: 0;
	margin-bottom: 0;
}
.guide_box {
	margin: 5% 2% 3% 2%
}
.guide_box h4 {
	padding: 0.2% 1.2%;
	margin: 0 0 1.5% 0;
}
.width01 {
	width: 10%;
}
.width02 {
	width: 20%;
}
.width03 {
	width: 30%;
}
.width04 {
	width: 40%;
}
.width05 {
	width: 50%;
}
.width06 {
	width: 60%;
}
.width08 {
	width: 80%;
}

/*--------------------------------------------------------------------------------
　▼　■□■support■□■
--------------------------------------------------------------------------------*/
.form_sp {
	display: block;
}
.form_pc {
	display: none;
}
.box01 {
	border: solid 1px #cccccc;
	padding: 2%;
	margin: 6% 4% 2% 4%;
}
.form_sp table {
	margin: 0;
	width: 100%;
}
.form_sp td {
	padding: 2%;
}
td input.input01 {
	width: 100%;
}
td textarea.input02 {
	width: 100%;
}
td input.input03 {
	width: 30%;
}
.table02,
.table03 {
	margin: 0 0 0 5%;
}
.table02 td input,
.table03 td input {
	width: 90%;
}
.comment01 {
	margin-bottom: 2.5%;
	margin-top: 4.5%;
}
.comment02 {
	margin: 3.5% 0 4.5% 0;
}
.comment02 img {
	width: 45%;
} 
.support_box {
	margin: 0;
}
.support_box01 {
	width: 92%;
	margin: 0 4% 4% 2%;
	float: none;
}
.support_box01 p {
	margin:  0 0 2% 0;
	width: 100%;
}
.support_box02 {
	display: none;
}
.support_box02_sp {
	display: block;
	border: solid 1px #cccccc;
	padding: 2% 0 3% 2%;
	margin: 0 2%;
	width: 94%
}
.support_box03 ul li {
	float: none;
	width: 94%;
	margin: 3%;
}
.support_box04 li {
	float: none;
	width: 80%;
	text-align: center;
	margin-left: 10%;
}
.img01 {
	width: 80%
}
.img02 {
	width: 80%;
}

/*--------------------------------------------------------------------------------
　▼　■□■info■□■
--------------------------------------------------------------------------------*/
table.table_info_sp {
	display: block;
	margin: 0 2% 0 2%;
	width: 96%;
}
table.table_info {
	display: none;
}
.table_info_sp th.th01 {
	background-color: #F0F0F0;
}
.table03 {
	margin: 0 0 0 2%;
}

/*--------------------------------------------------------------------------------
　▼　■□■lecturer■□■
--------------------------------------------------------------------------------*/
.lecturer_box01 {
	width: 96%;
	margin: 3% 2% 0 2%;
	padding-bottom: 2%;
}
.lecturer_box01 p {
	margin: 2% 0 0 2%;
}
.lecturer_box01 div {
	width: 155px;
	margin-left: 2%;
}
.lecturer_box03 p {
	margin-left: 19%;
	float: none;
	width: 60%;
}
.lecturer_box03 div {
	margin: 5% 2% 0 2%;
	width: 96%;
	float: none;
}
.lecturer_box01 h3 {
	padding: 0 0 5px 5px;
}
.lecturer_box03 div ul li {
	padding: 0.3% 0 0.3% 20%;
	margin-bottom: 1.2%;
}
.link02 {
	width: 60%;
	margin: 5% 0 0 20%;
}

/*--------------------------------------------------------------------------------
　▼　■□■business■□■
--------------------------------------------------------------------------------*/
.business_box01 {
	width: 92%;
	padding: 0 0 20% 0;
	margin: 0 4% 10% 4%;
	float: none;
	border: none;
}
.business_box01 h4 {
	background: none;
	color: #000000;
	font-size: 1.2em;
	margin: 0 0 1% 0;
	padding: 0;
}
.business_box01 p.add07 {
	width: 60%;
	margin-left: 17%;	
}
/*--------------------------------------------------------------------------------
　▼　■□■login■□■
--------------------------------------------------------------------------------*/
.btn03 {
	width: 58%;
	margin-left: 23%;
}

/*------------------add_box------------------*/
.add_box,
.add_box02,
.add_box03 {
	display: none;
}
.add05 {
	display: block;
	width: 96%;
	text-align: center;
	margin: 3% 0 7% 2%;
}

/*--------------------------------------------------------------------------------
　▼　■□■supportinfo■□■
--------------------------------------------------------------------------------*/
.navi_box01 li {
	margin: 0;
	float: none;
	width: 80%;
	margin-bottom: 3%;
}
.navi_box01 li.btn04 {
	width: 90%;
}
.add_box05 {
	position: relative;
	margin-bottom: 3%;
}
.add_box05 p {
	padding: 0;
	margin: 0;
}
.add_box05 p.add06 {
	position: absolute;
	top: 50%;
	left: 35%;
}
.qa_box {
	margin-bottom: 5%;
}

/*------------------supportinfo07------------------*/
.supportinfo_box07 {
	padding: 5% 0 0 0;
	margin: 0 2%;
}
.supportinfo_box07 ul li {
	float: none;
	margin: 0 2% 4% 2%;
	width: 96%;
}
.supportinfo_box07_01 {
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	width: 96%;
}
.img27 {
	float: left;
	margin-right: 2%;
	margin-left: 2%;
	width: 96%;
}
.supportinfo_box07_02 p {
	float: none;
	margin: 0 2% 4% 2%;
	width: 96%;
}
.img28 {
	margin-top: 1.5%;
	margin-right: 2%;
	margin-left: 2%;
	width: 96%;
}

/*--------------------------------------------------------------------------------
　▼　■□■guide■□■
--------------------------------------------------------------------------------*/

/*----------guide_box02----------*/
.guide_box02 {
	padding: 1.5% 0 2% 0;
	margin: 0 3% 5% 3%;
	width: 94%;
	background: none;
	background-color: #FFFDEE;
	-webkit-border-radius: 8px;
	border: solid 1px #cccccc;
}
.guide_box03 {
	padding:  0;
	background: none;
}
.guide_box04 {
	padding: 0 0 0 0%;
	background: none;
}
.guide_box05 {
	width: 96%;
	margin: 0 2%;
	float: none;
}
.guide_box05 h4,
.guide_box06 h4 {
	margin: 0 0 4% 0;
	width: 90%;
}
.guide_box05 h4.mgnT0,
.guide_box06 h4.mgnT0,
.guide_box06 h4.mgnT10 {
	margin-top: 4%;
}
.guide_box05 ul li,
.guide_box06 ul li {
	margin: 4% 0 0 0;
}
.guide_box06 {
	width: 96%;
	margin: 0 2%;
	float: none;
}
.guide_box06 ul.mgnT35 {
	margin-top: 10.1%;
}

/*--------------------------------------------------------------------------------
　▼　■□■flow■□■
--------------------------------------------------------------------------------*/
h3.step01,
h3.step02,
h3.step03,
h3.step04 {
	padding: 1% 0 0% 15%;
	background: url(../images/flow/title01.jpg) left bottom no-repeat;
	margin: 5% 2% 2% 2%;
	-webkit-background-size: 100% auto;
}
h3.step02 {
	background: url(../images/flow/title02.jpg) left bottom no-repeat;
	-webkit-background-size: 100% auto;
}
h3.step03 {
	background: url(../images/flow/title03.jpg) left bottom no-repeat;
	-webkit-background-size: 100% auto;
}
h3.step04 {
	background: url(../images/flow/title04.jpg) left bottom no-repeat;
	-webkit-background-size: 100% auto;
}
.comment03 {
	margin-left:53px;
}

/*--------------------------------------------------------------------------------
　▼　■□■about■□■
--------------------------------------------------------------------------------*/
.about_box {
	margin: 0 4%;
}
.about_box02 {
	width: 100%;
	float: none;
}
.about_box03 {
	width: 100%;
	float: none;
}
.img03 {
	float: none;
	width:60%;
	padding: 3% 0 5% 20%;
	
}
.img04 {
	float: none;
	width: 60%;
	padding: 3% 0  2% 20%;
}
.about_box01 {
	margin: 0 0 0 15%;
}
.about_box01 dl {
	width: 80%;
	float: none;
	margin-top: 5%;
	
}
.add08 {
	width: 80%;
	margin: 5% 0 5% 11%;
}
/*--------------------------------------------------------------------------------
　▼　■□■atrong■□■
--------------------------------------------------------------------------------*/
.list01 li {
	padding: 0 0 0 10%;
}
.strong_box {
	margin-bottom: 0;
}
.strong_box01,
.strong_box02 {
	width: 96%;
	float: none;
	margin: 0 2% 8% 2%;
}
.table04 {
	margin-bottom: 0.5%;
}
.strong_box01 p,
.strong_box02 p {
	margin: 0 4% 0.5% 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■news■□■
--------------------------------------------------------------------------------*/
.next_page {
	margin-left: 30%;
	margin-top: 2%;
}

/*--------------------------------------------------------------------------------
　▼　■□■prive■□■
--------------------------------------------------------------------------------*/
.table05 th,
.table05 td {
	border: 1px solid #CCCCCC;
	vertical-align: middle;
	padding: 10px 20px;
}
.table05 td {
	padding:10px;
}
.table05 th.th01 {
	background: url(../images/price/icon01.jpg) 95% center no-repeat #DBF0F7;
	padding-right: 8%;
}
.table05 p {
	margin: 0;
}
.table05 img {
	width: 20%;
}
.img29 {
	float: right;
	margin: 0 4% 0 0;
	width: 56%;
}



}

/*--------------------------------------------------------------------------------
　▼　dreamtrain_list
--------------------------------------------------------------------------------*/
ul.dreamtrain_list {
	margin: 0;
	padding: 0;
	list-style:none;
	width: 100%;
}

ul.dreamtrain_list li {
	float:left;
}
ul.dreamtrain_list li:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

ul.dreamtrain_list li {
	span.dan2 {
	display: block;
	margin-left: 110px;
}
a.dream_btn {
    background: #EEE;
    border: 1px solid #DDD;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #111;
    width: 100px;
    padding: 10px 0;
}