/* CSS Document */

@charset "utf-8";
/*----------------------------------

  Universal selector

------------------------------------*/

*{
margin: 0;
padding: 0;
line-height: 1.5;
color: #000;
}
/*----------------------------------

  body

------------------------------------*/

body{
margin:0;
background: url(../images/h1_bg.jpg) #fff repeat-x;
font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	_font-family: Verdana,'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	text-align: left;
	}
	
/*----------------------------------

  text

------------------------------------*/

p,
address{
	}
	
h1,
h2,
h3,
h4{
	line-height: 1.2;
	}


img{
	vertical-align: bottom;
	border: none;
	}
	
.red {
font-weight:bold;
color:#CC0000;
}

.img_margin15 {
margin-top:15px;
}

.img_margin15b {
margin-bottom:15px;
}
	
/*----------------------------------

  Hypertext 

------------------------------------*/
a:link,
a:visited{
	color: #AC4A79;
	text-decoration: none;
	}
	
a:hover{
	color: #AC4A79;
	text-decoration: underline;
	}

	
/*----------------------------------

  Table

------------------------------------*/

th,td{

	font-size: 93%;
	*font: x-small;
	}
	
/*----------------------------------

  wrap

------------------------------------*/
#wrap{
	margin:0 auto;
	width:800px;
}

/*----------------------------------

  header

------------------------------------*/
#header {
line-height:0px !important;
font-size:0px !important;
}

h1{
	font-size:12px;
	padding:7px 0 10px 0;
	}

html:not(:only-child:only-child) h1{
	font-size:12px;
	padding:0px 0 10px 0;
	}

/*logo*/

#header p.logo,#header p.logo a{
text-indent:-9999em;
background:url(../images/logo.jpg) no-repeat top left;
width:167px;
height:67px;
display:block;
vertical-align:top;
margin:0 0 0 0;
padding:0;
font-size:0px;
float:left;
}


#header p.logo a:hover{
background:url(../images/logo.jpg) no-repeat top left;
}

/*words*/

#header p.words{
position:relative;
top:40px;
background:#CCCCCC;
color:#FF6699;
margin:0;
padding:5;
font-size:12px;
font-weight:bold;
float:right;
}

/*----------------------------------

  gnavi

------------------------------------*/
#gnavi{
	height:58px;
	padding:4px 0 4px 0;
	clear:both;
}

html:not(:only-child:only-child) #gnavi{
	height:58px;
	padding:4px 0 0px 0;
	clear:both;
}

#gnavi ul{
    margin:0px;
	padding:0px;
	border:none;
}

#gnavi li,
#gnavi li a{
	width:200px;
	height:58px;
	margin:0;
	padding:0;
	display:block;
}

#gnavi li span,#gnavi li a span{
position:relative;
top:21px;
left:40px;
color:#FFFFFF;
font-weight:bold;
}

#gnavi li.line span,#gnavi li.line a span{
position:relative;
top:11px;
left:40px;
color:#FFFFFF;
font-weight:bold;
}

html:not(:only-child:only-child) #gnavi li span,#gnavi li a span{
position:relative;
top:23px;
left:40px;
color:#FFFFFF;
font-weight:bold;
}

html:not(:only-child:only-child) #gnavi li.line span,#gnavi li.line a span{
position:relative;
top:16px;
left:40px;
color:#FFFFFF;
font-weight:bold;
}

#gnavi li a:hover {
text-decoration:none;
}

#gnavi li{
	float:left;
	background:no-repeat top left;
	list-style:none;
}

#gnavi li.m01 a,#gnavi li.m01 a:link{background-image:url(../images/gnavi_off.jpg);}
#gnavi li.m02 a,#gnavi li.m02 a:link{background-image:url(../images/gnavi_off.jpg);}
#gnavi li.m03 a,#gnavi li.m03 a:link{background-image:url(../images/gnavi_off.jpg);}
#gnavi li.m04 a,#gnavi li.m04 a:link{background-image:url(../images/gnavi_off.jpg);}

#gnavi li.m01 a:hover{background-image:url(../images/gnavi_on.jpg);}
#gnavi li.m02 a:hover{background-image:url(../images/gnavi_on.jpg);}
#gnavi li.m03 a:hover{background-image:url(../images/gnavi_on.jpg);}
#gnavi li.m04 a:hover{background-image:url(../images/gnavi_on.jpg);}

#gnavi li.m_on {background-image:url(../images/gnavi_on.jpg);}


/*----------------------------------

  メイングラフィック-トップ

------------------------------------*/
#mgf_top {
margin-top:8px;
width:800px;
height:221px;
background:url(../images/main_top.jpg) no-repeat;
display:block;
}

#mgf_use {
margin-top:8px;
width:800px;
height:189px;
background:url(../images/main_01.jpg) no-repeat;
display:block;
}

#mgf_convert {
width:800px;
margin-top:8px;
height:189px;
background:url(../images/main_03.jpg) no-repeat;
display:block;
}

#mgf_send {
width:800px;
margin-top:8px;
height:189px;
background:url(../images/main_02.jpg) no-repeat;
display:block;
}

h2 {
display:none;
}

p.hear a {
text-indent:-9999em;
width:85px;
height:30px;
display:block;
vertical-align:top;
margin:110px 50px 0 0;
padding:0;
font-size:0px;
float:right;
}

*html p.hear a {
margin:110px 25px 0 0;
}

p.hear_use a {
text-indent:-9999em;
width:85px;
height:30px;
display:block;
vertical-align:top;
margin:89px 38px 0 0;
padding:0;
font-size:0px;
float:right;
}

*html p.hear_use a {
margin:89px 19px 0 0;
}


/*----------------------------------

  メイングラフィック-その他ページ

------------------------------------*/

/*----------------------------------

  パラグラフ

------------------------------------*/

#para h3{
text-indent:-9999em;
height:50px;
vertical-align:top;
margin:0 0 0 0;
padding:0;
font-size:0px;
margin-top:10px;
}

#para h3.mt01 {background:url(../images/m_t_01.jpg) no-repeat top left;}
#para h3.mt02 {background:url(../images/m_t_02.jpg) no-repeat top left;}
#para h3.mt03 {background:url(../images/m_t_03.jpg) no-repeat top left;}

#para h3.m0101 {background:url(../images/m_01_01.jpg) no-repeat top left;}
#para h3.m0102 {background:url(../images/m_01_02.jpg) no-repeat top left;}
#para h3.m0201 {background:url(../images/m_02_01.jpg) no-repeat top left;}
#para h3.m0301 {background:url(../images/m_03_01.jpg) no-repeat top left;}


#para h4{
color:#FFFFFF;
height:22px;
font-weight: bold;
background:url(../images/h4_bg.jpg) no-repeat top left #A64978;
padding-top:6px;
padding-left:20px;
margin-top:10px;
clear:both;
}
	
#para p {
padding:10px 5px 0 5px;
}

h5 {
background:#CCCCCC;
font-weight:bold;
color:#CC0000;
margin-top:10px;
padding:5px 0 3px 7px;
}


/*table（top）*/
#top_table {
margin:5px;
border:1px solid #999999;
width:788px;
font-size:x-small;
}
.top_t_mi {
background-color:#AC4A79;
padding:5px;
}

.top_t_txt {
background-color:#D4D4D4;
padding:5px;
}

/*table（convert）*/
#convert_table {
margin:15px 5px 5px 5px;
border:1px solid #999999;
width:788px;
font-size:x-small;
}
.convert_t_mi01 {
background-color:#999999;
padding:5px;
font-weight:bold;
}
.convert_t_txt01 {
background-color:#ECECEC;
padding:5px;
}

.convert_t_mi02 {
font-weight:bold;
background-color:#CC9A99;
padding:5px;
}
.convert_t_txt02 {
background-color:#EFDDDD;
padding:5px;
}

.convert_t_mi03 {
font-weight:bold;
background-color:#CD6799;
padding:5px;
}
.convert_t_txt03 {
background-color:#F3DBE9;
padding:5px;
}

/*table（send）*/
#send_table {
margin:15px 5px 5px 5px;
border:1px solid #999999;
width:788px;
font-size:x-small;
}
.send_t_mi01 {
background-color:#999999;
padding:5px;
font-weight:bold;
}
.send_t_txt01 {
background-color:#ECECEC;
padding:5px;
}

.send_t_mi02 {
font-weight:bold;
background-color:#FE8081;
padding:5px;
}
.send_t_txt02 {
background-color:#FFE1E1;
padding:5px;
}


.cap {
font-size:x-small;
}

.img_fl {
float:right;
margin:5px;
}



/*----------------------------------

  ページ下部　共通部分

------------------------------------*/
#under {
margin:10px 0 0 0;
}


#under p.btn_top_01,#under p.btn_top_01 a {
text-indent:-9999em;
background:url(../images/btn_t_01.jpg) no-repeat top left;
width:800px;
height:93px;
display:block;
vertical-align:top;
margin:0 0 0 0;
padding:0;
font-size:0px;
}

#under p.btn_01_01,#under p.btn_01_01 a {
text-indent:-9999em;
background:url(../images/btn_01_01.jpg) no-repeat top left;
width:800px;
height:93px;
display:block;
vertical-align:top;
margin:0 0 0 0;
padding:0;
font-size:0px;
}

#under p.btn_01_02,#under p.btn_01_02 a {
text-indent:-9999em;
background:url(../images/btn_01_02.jpg) no-repeat top left;
width:800px;
height:93px;
display:block;
vertical-align:top;
margin:0 0 0 0;
padding:0;
font-size:0px;
}

#under p.btn_top_02 a {
text-indent:-9999em;
width:360px;
height:50px;
display:block;
vertical-align:top;
margin:0 0 0 0;
padding:0;
font-size:0px;
float:left;
margin-top:60px;
}

#under p.btn_top_03 a {
text-indent:-9999em;
width:360px;
height:50px;
display:block;
vertical-align:top;
margin:0 0 0 0;
padding:0;
font-size:0px;
float:right;
margin-top:60px;
}

#under_mobi {
text-indent:-9999em;
background:url(../images/entry_bg.jpg) no-repeat ;
padding:30px;
height:150px;
}


/*----------------------------------

  フッター

------------------------------------*/

#footer {
background:#AC4A79;
padding:15px 0 15px 0;
text-align:center;
}

#footer #f_menu {
width:800px;
margin:0px auto;
text-align:center;
height:20px;
}


#footer ul {
width:780px;
padding-left:250px;
}

*:first-child+html #footer ul {
width:780px;
padding-left:250px;
}

* html #footer ul {
width:780px;
padding-left:480px;
}



#footer ul li {
list-style:none;
float:left;
padding: 0 5px;
}
	
#footer a:link,
#footer a:visited,
#footer a:hover{
	color: #fff;
	text-decoration: underline;
	}

#footer p {
	color: #fff;
}