@charset "utf-8";

/* @group Reset */
*{ margin: 0;padding: 0; font-family:"メイリオ"}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : top; border : none;}
/* @end */

/* @group Fluid-img */
img, object, embed {
	max-width: 100% !important;
}
/* @end */

/* @group HTML */
html {
	font-family : verdana, sans-serif;
	font-size : 100%;
	line-height : 1.5;
}
/* @end */

/* @group Heading */
h1,h2,h3,h4,h5,h6 {
	margin-bottom : 24px;
}

h1 {
	font-size : 48px; 
	line-height : 1; /* 48px */
}

h2 {
	font-size : 36px;
	line-height : 1.3333; /* 48px */
}

h3 {
	font-size : 24px;
	line-height : 1; /* 24px */
}

hgroup h2,h4,h5,h6 {
	font-size : 16px; /* 16px */
	line-height : 1.5; /* 24px */
}

hr { 
	text-align : center;
	border: 1px solid #cccccc;
	margin-top : 24px;
	margin-bottom : 24px;
}
/* @end */

/* @group Header */
header {
	width : 100%;
	text-align : center;
	padding-top : 0px;
	margin-bottom : 12px;
}
/* @end */

/* @group Top */
#top  {
	min-height: 100%;
	background-image: url(../img/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	text-align : center;
	/*border: solid 1px red;*/
}
/* @end */

/* @group Hgroup */
hgroup {
	width : 100%;
	font-size : 0px;
	line-height : 0;
}
/* @end */

/* @group Nav */
nav {
	width : 100%;
	text-align : center;
	/*border: solid 1px red;*/
}

nav ul {
	width : 100%;
	font-size: 0px;
	padding : 0px;
	margin : 0px;
	display:inline-block;
	/*overflow : hidden;*/
	/*border: solid 1px red;*/
}

nav ul li {
	width : 25%;
	display:inline;
	float: left;
}
/* @end */

/* @group Contents */
#contents {
	width : 100%;
	margin : 0 auto;
	text-align : center;
	margin-bottom : 24px;
}

.mfmark {
	width : 13.75133011377589%;
}
/* @end */

/* @group Footer */
footer {
	width : 100%;
	text-align : center;
	min-height: 100%;
	background-image: url(../img/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 100%;
}

footer ul {
	width : 95%;
	padding : 12px 0px;
	margin : 2px;
	display:inline-block;
	list-style-image: url(../img/arrow.gif);
	list-style-position: inside;
	/*border: solid 1px red;*/
}

footer ul li {
	text-align:left;
}

footer ul li a {
	color : #3399ff;
	padding : 0px 0px;
	text-decoration : underline;
}

footer ul li a:hover {
	color : #ff0000;
}
/* @end */

.qa {
	width : 4.583776704591962%;
}

.mhr { 
	text-align : center;
	border: 1px solid #cccccc;
	margin-bottom : 24px;
}

#contract table {
	padding:0px;
	border-spacing:0px;
}

#contract th,#contract td {
	padding:10px;
}

.dataName
{
	text-align:left;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	background-color:#ebebeb;
}

.dataValue
{
	text-align:left;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.dataBottom
{
	border-bottom: 1px solid #cccccc;
}

#txtContent {
	width:100%;
	height:200px;
}
/**************************************/
/* 共通設定                           */
/**************************************/
.alink {
	text-decoration : underline;
	color : blue;
	font-weight: bold;
}

.title {
	width : 100%;
	text-align : center;
	display:inline-block;
	color : #000000;
	margin-bottom : 24px;
	/*border: solid 1px red;*/
}

.mleft {
	width : 95%;
	text-align : left;
	display:inline-block;
	color : #000000;
	font-size : 16px; /* 16px */
	line-height : 1.5; /* 24px */
	margin-bottom : 24px;
	/*border: solid 1px red;*/
}

.mcenter {
	width : 95%;
	text-align : center;
	display:inline-block;
	color : #000000;
	font-size : 16px; /* 16px */
	line-height : 1.5; /* 24px */
	margin-bottom : 24px;
	/*border: solid 1px red;*/
}

.mright {
	width : 95%;
	text-align : right;
	display:inline-block;
	color : #000000;
	font-size : 16px; /* 16px */
	line-height : 1.5; /* 24px */
	margin-bottom : 24px;
	/*border: solid 1px red;*/
}

.boldRed {
	font-size : 24px;
	line-height : 1; /* 24px */
	color : #ff0000;
	font-weight: bold;
}

.boldBlack {
	font-size : 24px;
	line-height : 1; /* 24px */
	color : #000000;
	font-weight: bold;
}

input.imeon,textarea.imeon {
	ime-mode:active;
}

input.imeoff,textarea.imeoff {
	ime-mode:inactive;
}

input.imekill,textarea.imekill {
	ime-mode:disabled;
}

.fullsize {
	width:100%;
	height:100%;
}

.fullwidth {
	width:100%;
}

.fullheight {
	height:100%;
}

.halfsize {
	width:50%;
	height:50%;
}

.halfwidth {
	width:50%;
}

.hhalfwidth {
	width:25%;
}

.halfheight {
	height:50%;
}

.right
{
	text-align : right;
}

.left
{
	text-align : left;
}

.center
{
	text-align : center;
	margin-left:auto;
	margin-right:auto;
}

.top
{
	vertical-align:top;
}

.middle
{
	vertical-align:middle;
}

.bottom
{
	vertical-align:bottom;
}

.fL {
	float: left;
}

.fR {
	float: right;
}

.colorRed {
	color : red;
}

.fontS
{
	font-size : 12px;
	line-height : 2; /* 12px */
}

.fontM
{
	font-size : 16px;
	line-height : 1.5; /* 16px */
}

.fontL
{
	font-size : 24px;
	line-height : 1; /* 24px */
}

.fontLL
{
	font-size : 36px;
	line-height : 1.3333; /* 36px */
}

.fontXL
{
	font-size : 48px; 
	line-height : 1; /* 48px */
}

.normal
{
	font-weight:normal;
}

.bold
{
	font-weight:bold;
}

.br {
	border: solid 1px red;
}

/**************************************/
/*  画面サイズ 320px以上の場合        */
/**************************************/
@media screen and (min-width : 320px){


}

/**************************************/
/*  画面サイズ 480px以上の場合        */
/**************************************/
@media screen and (min-width : 480px){

}

/**************************************/
/*  画面サイズ 643px以上の場合        */
/**************************************/
@media screen and (min-width : 643px) {

/* @group Header */
header {
	width : 643px;
}
/* @end */

/* @group Top */
#top  {
	height: 73px;
	background-size: 643px;
}
/* @end */

/* @group Nav */
nav ul
{
	width : 643px;
}
/* @end */

/* @group Contents */
#contents {
	width : 643px;
}
/* @end */

/* @group Footer */
footer {
	width : 643px;
	height: 202px;
	background-size: 643px;
}
/* @end */

}

/**************************************/
/*  キャリア別ボタン        */
/**************************************/
/* @docomo Button */
.doButton{
  display:block;
  outline:none;
  text-align:center;
  text-decoration:none;
  line-height:100%;
  width:70%;
  margin:10px auto;
  padding:10px 10px;
  background:#ff4646;
  background:-webkit-gradient(linear, left top, left bottom, from(#f9b0b0), color-stop(30%, #f04444), color-stop(70%, #e61313), to(#bd0f0f));
  border:1px solid #8f0116;
  color:#ffffff;
  font-weight:bold;
  box-shadow:5px;
  text-shadow:1px 1px 1px #d57655;
  -webkit-border-radius:3px;
  -webkit-box-shadow: 0 0 5px #999;
}
.doButton a{
  color:#ED5B82;
  text-decoration:none;
  display:block;
}
/* @end */

/* @au Button */
.auButton{
  display:block;
  outline:none;
  text-align:center;
  text-decoration:none;
  line-height:100%;
  width:70%;
  margin:10px auto;
  padding:10px 10px;
  background:#e3a48e;
  background:-webkit-gradient(linear, left top, left bottom, from(#ffedcc), color-stop(30%, #ffc04c), color-stop(70%, #ffa500), to(#d57655));
  border:1px solid #d2691e;
  color:#ffffff;
  font-weight:bold;
  box-shadow:5px;
  text-shadow:1px 1px 1px #d57655;
  -webkit-border-radius:3px;
  -webkit-box-shadow: 0 0 5px #999;
}
.auButton a{
  color:#ED5B82;
  text-decoration:none;
  display:block;
}
/* @end */

/* @sb Button */
.sbButton{
  display:block;
  outline:none;
  text-align:center;
  text-decoration:none;
  line-height:100%;
  width:70%;
  margin:10px auto;
  padding:10px 10px;
  background:#7f7f7f;
  background:-webkit-gradient(linear, left top, left bottom, from(#bfbfbf), color-stop(30%, #919191), color-stop(70%, #757575), to(#3f3f3f));
  border:1px solid #474747;
  color:#ffffff;
  font-weight:bold;
  box-shadow:5px;
  text-shadow:1px 1px 1px #2e6675;
  -webkit-border-radius:3px;
  -webkit-box-shadow: 0 0 5px #999;
}
.sbButton a{
  color:#ED5B82;
  text-decoration:none;
  display:block;
}
/* @end */

/* 2013.09.25 追記 */

#pager a {
 color: #39F;
}

#pager a:hover {
 color: #F90;
}

section .mleft .fullwidth tr td p {
 margin-bottom: 30px;
}

#contents section .mleft .fullwidth tr td hr {
 width: 100%;
}

.mokuji {
 width: 95%;
 margin-bottom: 20px;
 margin-right: auto;
 margin-left: auto;
 padding: 5px;
}
.mokuji-box a{
 color: #FFF;
 background-color: #39F;
 width: 19%;
 margin-right: 1px;
 margin-left: 1px;
 float: left;
}

.mokuji-box a:hover {
 color: #FFF;
 text-decoration: none;
 background-color: #FC0;
}

.mokuji-box-on {
 color: #FFF;
 background-color: #F90;
 width: 19%;
 margin-right: 1px;
 margin-left: 1px;
 float: left;
}
.mokuji-box-soon {
 color: #FFF;
 background-color: #EBEBEB;
 width: 19%;
 margin-right: 1px;
 margin-left: 1px;
 float: left;
}



/*フロートクリア*/
.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
overflow: hidden;
 }
.clearfix {
 overflow: hidden;
 position:relative; /* Dw表示用 */
	} 
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.txt-gray {
 color: #999;
}

/* 2013.09.25 追記 @end */