/* CSS Document */

body{
background:#68BBE0 url(../common/header_bg.jpg) top center no-repeat;
color:#3F3F3F;}

hr{
display: none;}

ul{
list-style:none;}

h1,h2,h3,h4,h5,ul,div,img,hr {
margin:0;
padding:0;}

a {
text-decoration:none;
color:#1E50B4;}

a:hover {
color:#68BBE0;}

a:active{
	outline:none;
}

p {
font-size: 10pt;
	line-height: 1.25em;
	text-align: justify;
	text-justify: inter-ideograph;}

.center{
text-align:center;}

.left {
float:left;}

.right {
float:right;}

.right:after  {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.clear {
clear:both;}

.bordertop {
border-top:1px solid #ccc;}

.bordertop_20{
border-top:solid 1px #ccc;
padding-top:20px;}

.bordertop_30{
border-top:solid 1px #ccc;
padding-top:30px;}

.border15{
border-top:1px solid #ccc;
padding:15px 0;}

.m15{
margin:15px 0;}

.m20 {
margin:20px 0;}

.m30 {
margin:30px 0;}

.m_l115{
margin:15px 0 15px 115px}

.red {
color:#BF0000;
font-size:11pt;
font-weight:bold;}

.blue {
color:#003296;
font-weight:bold;}

.bold {
font-weight:bold;}

/*header
----------------------------------------------- */
#header {
background:url(../common/bg_top.gif) bottom no-repeat;
width:770px;
height:192px;
margin:0 auto;}

/*mainmenu
----------------------------------------------- */
#mainmenu {
width:772;
margin:0 auto;}

#mainmenu li {
text-indent:-9999px;
float:left;}

#mainmenu li a {
display:block;
width:193px;
height:63px;}

#mainmenu:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

#mainmenu #mailmag {background:url(../common/mail.gif) no-repeat;}
#mainmenu #special {background:url(../common/special.gif) no-repeat;}
#mainmenu #hint {background:url(../common/hint.gif) no-repeat;}
#mainmenu #company {background:url(../common/company.gif) no-repeat;}

#mainmenu #mailmag a:hover,#mainmenu #mailmag .here {
background:url(../common/mail_h.gif) no-repeat;}
#mainmenu #special a:hover,#mainmenu #special .here {
background:url(../common/special_h.gif) no-repeat;}
#mainmenu #hint a:hover,#mainmenu #hint .here {
background:url(../common/hint_h.gif) no-repeat;}
#mainmenu #company a:hover,#mainmenu #company .here {
background:url(../common/company_h.gif) no-repeat;}

/*subtitle
----------------------------------------------- */
#subtitle {
width:730px;
margin:0 auto;}

#subtitle h2 {
margin: 10px 0 0;
padding: 0;
text-indent:-9999px;
width:225px;
height: 55px;
float:left;}

#subtitle_link {
width:730px;
margin:0 auto;}

#subtitle_link h2{
margin: 10px 0 0;
padding: 0;
text-indent:-9999px;
width:120px;
height: 55px;
float:left;}

#subtitle .m01 { background:url(../mailmag/images/h2.gif) no-repeat; }
#subtitle .m02 { background:url(../special/images/h2.gif) no-repeat; }
#subtitle_link .m03 { background:url(../hint/images/h2.gif) no-repeat; }
#subtitle .m04 { background:url(../company/images/h2.gif) no-repeat; }
#subtitle .m05 { background:url(../qa/images/h2.gif) no-repeat; }
#subtitle .m06 { background:url(../contact/images/h2.gif) no-repeat; }
#subtitle .m07 { background:url(../sitepolicy/images/h2.gif) no-repeat; }
#subtitle .m08 { background:url(../privacypolicy/images/h2.gif) no-repeat; }
#subtitle .m09 { background:url(../sitemap/images/h2.gif) no-repeat; }
#subtitle .m10 { background:url(../news/images/h2.gif) no-repeat; }

#subtitle .m_document { background:url(../document/images/h2.gif) no-repeat; clear:both;margin:60px 0 0}
#subtitle .m_private { background:url(../private/images/h2.gif) no-repeat;width:235px;  clear:both;margin:60px 0 0 }


/*submenu
----------------------------------------------- */
#submenu {
float:right;}

#submenu li{
float:left;
margin: 15px 0 0 5px;}

#subtitle:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

/*contents
----------------------------------------------- */
#pagebody {
	margin:0 auto;
	padding: 0;
	width: 770px;
  background: url(../common/bg.gif) repeat-y left bottom;}
	
#contents {
	width:700px;
  	text-align:left;
	margin:0 auto;
	padding:25px 0;
}
#logo {
	clear:both;
	text-align:right;
	padding:30px 0 0 0;
	border-top:solid 1px #CCCCCC;
}
.box01,.box02 {
width:700px;
	border-top:solid 1px #ccc;
	padding:20px 0;
}
.box01 h4 {
	width:200px;
	float:left;
}
.box01 p {
	float:right;
	width:500px;
}


.box02 h4{
	float:left;
	width:250px;
}

.box02 p{
	float:right;
	width:450px;
}

.box01:after,.box02:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

/*pageup
----------------------------------------------- */
#pageup {
padding:15px 0;
background:url(../common/hr.gif) bottom left repeat-x;}


/*footer
----------------------------------------------- */
#footer {
	width:770px;
	background:url(../common/bg_bottom.gif) top left no-repeat;
	margin:0 auto;
	padding:0;}

#copyright {
text-align:left;
width:280px;
float:left;
margin:15px 0;}

#copyright p {
font-size:7.5pt;
margin:10px 0;}

#copyright a{
	text-decoration:none;
	color: #82E6FF;}

#footer ul {
margin:15px 0;
font-size:8pt;
float:right;}

#footer li {
float:left;
margin:0 0 0 10px;
padding:0 0 0 15px;
background:url(../common/icon.gif) no-repeat left center;
color:#ffffff;}

#footer ul a {
color:#fff;}

/*table
----------------------------------------------- */
table {
width:700px;
border-collapse: collapse; 
margin:0;}

#gaiyou th,#gaiyou td,#special_t th,#special_t td ,.list_t th,.list_t td,#contact_t th,#contact_t td,#sitepolicy_t td,#sitepolicy_t th{
font-weight:normal;
font-size:9pt;
border-bottom:1px solid #c8c8c8;
padding:5px;}

#gaiyou th,#special_t th,.list_t th,#contact_t th,#sitepolicy_t th,#mag_t th{
background:#dddddd;}

#gaiyou td,#special_t td ,.list_t td,#victory td,#contact_t td,#sitepolicy_t td{
padding:5 0 5 15px;}

/*mailmag
----------------------------------------------- */
/*申し込みテーブル*/
#mag_t th,#mag_t td{
font-weight:normal;
font-size:9pt;
padding:5px 0 5px 15px;
text-align:left;}

#side {
width:220px;
float:left;
margin:0 0 30px 0;}

#side h3{
	line-height: 1.1em;
	text-align: justify;
	text-justify: inter-ideograph;}

#list_t p {
margin:0 0 30px 0;
padding:15px 0 0 0;
}

#list_t {
width:450px;}

.banner {
width:700px;
text-align:center;
margin-bottom:30px;}

.banner td {padding:0 5px;}

.banner form {
margin:0;
padding:0}

.banner form {
width:204px;}

.banner form table{
width:204px;
text-align:center;}

.banner form table td {
padding:0;}


/* banner 2 column
----------------------------------------------- */
#banner {
	text-align: center;
}
#banner .banner_2column {
	margin: auto;
	width: 100%;
	height: 200px;
	text-align: left;
}
#banner .banner_2column .banner {
	display: inline;
	float: left;
	margin-left: 25px;
	width: 204px;
}



/*.prize {
width:700px;}

.prize .left {
float:left;
width:480px;}

.prize .left table {
width:480px;
margin-top:25px;}

.prize .right {
float:right;
width:204px;}

.prize .right form table{
width:204px;}

.prize:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
*/
/*配信元一覧のテーブル*/
.list_t {
width:450px;
border-collapse: collapse; 
margin:20px 0 ;}

.backnum li {
border-left:5px solid #1E50B4;
padding:5px 0 5px 15px;
border-top:1px solid #c8c8c8;}

/*バックナンバー・月別アーカイブリスト*/
dl {
margin:0;
padding:0;
}

dt {
font-size:11pt;
font-weight:bold;
line-height:1.2em;
padding:15px 0 0 0;
margin:0 0 10px 0;
border-top:1px solid #c8c8c8;}

dd {
margin:0 0 15px 0;
line-height:1.5em;}

pre.fontsize3{
	display:block;
	width:450px;
	overflow:hidden;
}
/*special
----------------------------------------------- */
.p03 {
margin:10px 30px 5px 0px;}

.p04 {
margin:10px 0px 5px 0px;}

/*hint
----------------------------------------------- */
.hint_t td {
background:url(../hint/images/h4_bottom.gif) bottom left no-repeat;}

.hint_t {
margin:30px 0 0 0}

.p01 {
margin:10px 40px 5px 15px;}

.p02 {
margin:10px 10px 5px 15px;}

.s1 {
margin:5px 0 15px 15px;}

.s1 img{
vertical-align:middle;}

#victory td{
font-weight:normal;
font-size:9pt;
border:1px solid #c8c8c8;
padding:15px;}

#chart_t td{
background:url(../hint/images/c_zentei_bottom.gif) bottom left no-repeat;}

.p05 {
margin:0px 45px 5px 15px;}

.p06 {
margin:15px 10px 15px 15px;}

.rosoku {
padding:15px;
border:solid 1px #c8c8c8;}

.rosoku img {
float:left;
margin:0 15px 0 0;}

#loose {
margin:30px 0 0 10px;}

#loose p {
margin:0 0 10px 0;}

#loose img{
vertical-align:middle;
margin:0 10px 0 0;}


/*company
----------------------------------------------- */
#jigyou{
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:30px 0;
width:700px;}

#jigyou h5 {
margin:20px 0 10px 0;}

#greet .left{
width:335px;
margin:0 30px 0 0;}

#greet .right {
width:335px;}

#greet:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}
	
/*question
----------------------------------------------- */
#qali li {
line-height:1.8em;}

#qali li a{
text-decoration:underline;}

.qabox {
padding:15px 0;
border-top:1px solid #c8c8c8}

.q {
color:#BF0000;
font-size:11pt;
padding:0 0 0 55px;
min-height:50px;
_height:50px;
background:url(../qa/images/question.gif) left top no-repeat;}

.a {
padding:15px 0 15px 55px;
margin:0;
border-top:1px dashed #c8c8c8;
background:url(../qa/images/answer.gif) 0 15px no-repeat;}

/*sitemap
----------------------------------------------- */
#sitemap_t{
font-weight:normal;
font-size:10pt;}

#sitemap_t td{
padding:5px 0;}

#sitemap_t a{
text-decoration:underline;}

#sitemap_t img{
margin:0 5px 0 0;
vertical-align:middle;}

iframe{
	width:700px;
	min-height:360px;
	_height:360px;
	overflow:visible;
	border:0;}

/*news
----------------------------------------------- */
#news{
margin:30px 0 0 0;}

#news dt {
border:none;
background:url(../news/images/bg1.gif) no-repeat top;
margin:0;
padding:5px 10px;
font-size: 12pt;
color:#1E50B4;}

#news dd {
padding:10px;
margin:0 0 20px 0;
border:1px solid #CCCCCC;
border-top:1px dashed #cccccc;}

/*link
----------------------------------------------- */
.border {
border:1px solid #aaaaaa;
padding:10px 0 10px 10px;}

.border ul{
margin:10px 0;
font-size:10pt;}

.links li {
margin:0 0 5px 0;
list-style:inside  disc;}

.links dl,.links dt,.links dd{
border:none;
margin:0;}

.links dt {
list-style:disc;}

#ssl{
	text-align:right;
}
a{
	outline:none;
}

/* clear
----------------------------------------------- */
.banner_2column .banner:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}