@charset "utf-8";
/* CSS Document */
/* Common ******************/

body{
  margin:0;
  padding:0;
  color:#666;
  font-size  : 14px;
  background-image:url(../../img/magazine/back.gif);
  font-family : "Osaka－等幅",Osaka, sans-serif;
  line-height : 150%;
}
td{
  color:#666;
  font-size  : 14px;
  font-family : "Osaka－等幅",Osaka, sans-serif;
  line-height : 150%;
}
form{
  text-align:left;
  margin:0;
  padding:0;
}
img{
  border:0px;
}

.clear{
  clear:both;
}

/*font****************/
.Size1 { font-size  : 11px; line-height:1.4em; }
.Size2 { font-size  : 12px; }
.Size3 { font-size  : 13px; }
.Size4 { font-size  : 14px; }
.Size5 { font-size  : 15px; }
.Size6 { font-size  : 16px; }
.Size7 { font-size  : 17px; }
.Size8 { font-size  : 20px; }

.red { 
  color  : #FF0000;
}

.orenge { 
  color  : #ff6600;
}

/* Link *****************/

a:link,a:visited{
  color:#5050C5;
  background:transparent;
  text-decoration:none;
}

a:hover,a:active{
  color:#5050C5;
  background:transparent;
  text-decoration:underline;
}

/* header ****************/
#header{
border-bottom:solid 6px #123589;
background-image:url(../../img/header/bg_header.jpg);
background-repeat:repeat-x;
margin-bottom :1px ;
height:80px;
text-align :left ;
}
#logo{
float : left ;
}
#logo .space{
margin-top :5px;
margin-left :15px;
margin-bottom :0;
}

.name_login{
display:block;
 clear:both;
text-align:right;
padding-right:10px;
padding-top:3px;
}

#headmenu{
float : right ;
font-size :11px;
vertical-align: middle ;
margin-right :15px;
margin-top :23px;
padding :0;
}
#headmenu .space{
margin-left :8px;
margin-bottom :0;
margin-top :0;
padding :0;
}
#submenu{
background-image:url(../img/bg_submenu.gif);
background-repeat:repeat-x;
height :21px;
color :#FFFFFF;
font-size :14px;
font-weight :bold ;
padding-left :15px;
}

/*footer    *************/

#footer{
background-image:url(../../img/magazine/bg_magazine_footer.jpg);
background-repeat:repeat-x;
width:920px;
height:42px;
margin-top :10px ;
}

#footermenu{
float : left ;
margin-top:5px ;
width:920px;
}

.space4{
margin-left: 10px ;
}
.bt_footer{
vertical-align : midddle ;
}
#footermenu a:link{
color : #666666 ;
text-decoration:none ;
}
#footermenu a:visited{
color : #666666 ;
text-decoration:none ;
}
#footermenu a:hover{
color : #5050C5;
text-decoration:underline ;
}
#footermenu a:active{
color : #5050C5;
text-decoration:underline ;
}



/*menu    *************/

#menu{
background-color:#EDEDED;
text-align:center;
border-right:solid 1px #CDCDCD;
width:193px;
padding-top:7px;

}
#menu img{
display:block;
margin-bottom:2px;
}

/*ALL    *************/
#all{
background-color:#fff;
border-right:solid 1px #BDBDBD;
border-left:solid 1px #BDBDBD;
width:920px;
text-align:left;
}


/*トップページ全体*************/
.topimg{
border-bottom:1px #CDCDCC solid;
}
.left{
float:left;
width:553px;
}
.adviser{
text-align:center;
margin:0 0 10px 4px;
float:left;
}
.left h2{
margin-left:5px;
}

.right{
float:left;
width:170px;
margin-top:7px;
text-align:center;
}
.right img{
display:block;
}
.banner{
margin-bottom:2px;
}

h2{
background-image:url(../../img/magazine/back.jpg);
background-repeat:repeat-x;
color:#fff;
font-size:12px;
padding:4px 0 4px 5px;
}
/*トップページ アンケート*************/
.question h2{
margin-bottom:10px;
margin-top:7px;
}
.question h3{
font-size:12px;
margin-left:10px;
margin-top:8px;
margin-bottom:10px;
}
.question h3 img{
margin-right:10px;
}
.back{
text-align:right;
margin:7px 10px 10px 0;
}
.sohyo{
display:block;
margin-top:10px;
margin-bottom:5px;
}
.syosai{
margin-right:7px;
}
.button{
text-align:right;
margin-top:5px;
}
/*トップページ ニュース*************/

.news{
text-align:left;
background-image:url(../../img/magazine/dotte.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:3px;
margin:2px 10px 0 10px;
}

.day{
font-family : "Osaka",MS UI Gothic, sans-serif;
font-size:10px;
font-weight:bold;
margin-right:10px;
}




/*ニュース*************/

.day2{
font-family : "Osaka",MS UI Gothic, sans-serif;
font-size:10px;
font-weight:bold;
margin-right:10px;
display:block;
}

.question2 h2{
margin:7px 15px 10px 15px;
}

.title{
font-weight:bold;
font-size:14px;
color:#4365A4;
}

.news_title{
font-weight:bold;
font-size:14px;
color:#4365A4;
}

.news2 img{
margin-right:8px;
margin-bottom:10px;
margin-top:10px;
}

.news2{
text-align:left;
background-image:url(../../img/magazine/dotte.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:5px;
margin:3px 20px 0 20px;
}

.back2{
text-align:right;
margin:7px 15px 10px 0;
}

.back3{
text-align:right;
margin:7px 0 20px;
}

.picup{
background-color:#DFE4F1;
padding:5px;
margin-top:10px;
margin-bottom:10px;
}

.picup b{
color:#4365A4;
display:block;
margin-bottom:3px;
}
.link{
margin-top:10px;
background-color:#fff;
padding:5px 3px 5px 60px;
background-image:url(../../img/magazine/link.gif);
background-repeat:no-repeat;
background-position:left;
}
/*掲載広告*************/
.koukoku{
background-color:#DFE4F1;
margin-top:6px;
width:185px;
}
.koukou2 img{
margin-bottom:4px;
}
.koukou2{
background-color:#fff;
margin:5px 7px 5px 7px;
padding-top:5px;
text-align:center;
}
/*左メニュー**********/
.mini{
text-align:left;
margin:0 10px 5px 10px;
}

/*table*************/
.logintable table{
width:500px;
border-top:solid 1px #bbb;
border-left:solid 1px #bbb;
margin-bottom:20px;
}

.logintable th{
color:#4365A4;
background-color:#DFE4F1;
padding:3px;
border-bottom:solid 1px #bbb;
border-right:solid 1px #bbb;
text-align:left;
}
.logintable td{
padding:3px;
border-bottom:solid 1px #bbb;
border-right:solid 1px #bbb;
}

.logintable td.fbutton{
padding:5px;
border-bottom:solid 1px #bbb;
border-right:solid 1px #bbb;
}

div .error {
  color: red;
}


/* graphicus site ****************/

div#g_menu_box
{
  margin:10px 0px 20px;
}

div#inner
{
  padding:15px 15px 30px;
}

div#inner h2#g_h2
{
  background:none !important;
  margin:0 0 15px 0 !important;
  padding:0 !important;
}

/* -------- concept */

div#inner h3.concept_h3
{
  background:none;
  margin:0 !important;
  padding:0 !important;
}

div#inner dl.concept_box
{
  width:696px;
  margin:0;
  padding:0;
}

div#inner dl.concept_box dt
{
  margin:0;
  padding:0;  
}

div#inner dl.concept_box dd
{
  margin:0 !important;
  padding:10px 10px 20px 10px !important;
  background:url(../../img/magazine/2/concept/box_body.gif) no-repeat left bottom;
}

dl.concept_box dd div.left_box
{
  float:left;
  width:500px;
  margin:0;
  padding:0;
}

dl.concept_box dd div.right_box
{
  float:right;
  width:140px;
  margin:0;
  padding:0;
}

img.m10
{
  margin-bottom:10px;
}

/* -------- adviser */

div#inner h3.adviser_h3
{
  background:none;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  font-weight:bold;
  font-size:14px;
  color:#f8688f;
}

div#inner h4.adviser_h4
{
  background:none;
  margin:0 !important;
  padding:0 !important;
}

div#inner h5.adviser_h5
{
  background:none;
  margin:0 0 10px 0 !important;
  padding:0 !important;
  font-weight:bold;
  font-size:12px;
  color:#f8688f;
}

div#inner h5.adviser_h5 img
{
  vertical-align:middle;
  margin-left:15px;
}

div.gray_box
{
  border:1px solid #ccc;
  padding:15px;
  margin-bottom:15px;
}

div.center
{
  text-align:center;
  margin-bottom:10px;
}

dl.adviser_box
{
  margin:0;
  padding:0;
}

dl.adviser_box dt
{
  margin:0;
  padding:0;
}

dl.adviser_box dt img
{
  border:none;
}

dl.adviser_box dd
{
  margin:0;
  padding:15px;
  border:1px solid #ccc;
}

div.draw_box
{
  text-align:center;
  margin:20px auto;
}

div.sample_box_left
{
  float:left;
  width:333px;
  margin-bottom:20px;
}

div.sample_box_right
{
  float:right;
  width:333px;
  margin-bottom:20px;
}

/* -------- q_a */

ul#q_a
{
  margin:0;
  padding:0;
  list-style:none;
}

ul#q_a li a
{
  margin:0 0 5px 0;
  padding:0;
  list-style:none;
  color:#33b3d0;
  text-decoration:none;
}

ul#q_a li a:hover
{
  text-decoration:underline;
}

ul#q_a li span
{
  margin-right:10px;
  padding:0;
  list-style:none;
  font-weight:bold;
  color:#33b3d0;
}

dl.qa_box
{
  margin:0;
  padding:0;
}

dl.qa_box dt
{
  margin:0;
  padding:10px 15px 10px 50px;
  background:#fff url(../../img/magazine/2/q_a/q_bg.gif) no-repeat 0 0;
  color:#333;
  font-weight:bold;
}

dl.qa_box dd
{
  margin:0;
  padding:15px 15px 10px 50px;
  border:1px solid #ccc;
  background:#fff url(../../img/magazine/2/q_a/ans_icon.gif) no-repeat 0 15px;
}

/* -------- arrow */

div.arrow
{
  padding:0 0 0 15px;
  margin:0;
  background:#fff url(../../img/magazine/2/bt_arrow_01.gif) no-repeat 0 6px;
}

/* -------- underline */

div.line
{
  padding:0 0 3px 15px;
  margin:0 0 3px 0;
  background:#fff url(../../img/magazine/2/bt_arrow_01.gif) no-repeat 0 6px;
  border-bottom:1px solid #ccc;
}

/* -------- color */

div.pink
{
  color:#f8688f;
  margin-bottom:5px;
}

p.float_left
{
  display:block;
  float:left;
}

p.float_right
{
  display:block;
  float:right;
}

/* -------- table */

table.form_table {
  width: 696px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border: 1px solid #888;
}

table.form_table caption {
  color: #555555;
  font-weight: bold;
  text-align: left;
}

table.form_table th {
  padding: 4px;
  color: #333;
  background-color: #e2e2e2;
  border: 1px solid #888;
}

table.form_table td {
  padding: 4px;
  border: 1px solid #888;
  }
  
blockquote
{
  border:1px solid #c80000;
  padding:15px;
  margin:0 0 20px 0;
}

/* -------- img */

img.m5
{
  margin-bottom:5px;
}

/* -------- float clear */
.clear
{
  clear:both;
  line-height:0;
  width:1px;
  height:1px;
  font-size:0;
  margin:0;
  padding:0;
  border:0;
}

.clear hr
{
  display:none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* -------- floating image */

.left_img img
{
  float:left;
  clear:left;
  margin:0 1.5em 0.8em 0;
  padding:0;
}

.right_img img
{
  float:right;
  clear:right;
  margin:0 0 0.8em 1.5em;
  padding:0;
}

/* -------- section */

.section
{
  clear:both;
  display:block;
  margin-bottom:0;
}

.section1
{
  clear:both;
  display:block;
  margin-bottom:10px;
}

.section2
{
  clear:both;
  display:block;
  margin-bottom:20px;
}

.section3
{
  clear:both;
  display:block;
  margin-bottom:30px;
}

.section4
{
  clear:both;
  display:block;
  margin-bottom:40px;
}

.section5
{
  clear:both;
  display:block;
  margin-bottom:50px;
}

/* -------- color */

.attention
{
  color:red !important;
	margin-bottom:10px;
}
}