@CHARSET "UTF-8";

.clearfix{}
.clearfix:after{content:"";display:block;clear:both;}

/*  reset  */
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
line-height: 1.0;
}
body {
color: #000;
word-break: break-all;
-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;
font-size-adjust: none;
}
h1,h2,h3,h4,h5,h6,p,#blog_hajimeru {
font-size: 90%;
line-height: 1.5;
font-weight: normal;
margin: 0;
text-rendering: optimizelegibility;
border: none;
}
a {outline: none;}
b, strong {font-weight: normal;}
img {
border: none;outline: none;-ms-interpolation-mode: bicubic;
margin: 0;
padding: 0;
}
dl, dt, dd, p, ul, ol, figure {
padding: 0;margin: 0;
}
dt, dd {
display: inline-block;/display:inline;/zoom:1;
}
.visible {
display: none;
}
#tn-head {
border-bottom:1px solid #ccc;
}
/* btn */
.btn1, .btn2, .btn3, .btn4 {
background: url(images/exposition/blog_hajimeru8/btns.png) no-repeat 0 0;
}
.btn1 {
width: 437px;
height: 99px;
background-position: 0px 0px;
}
.btn1:hover {
background-position: 0px -99px;
}
.btn2 {
width: 437px;
height: 57px;
background-position: 0px -198px;
}
.btn2:hover {
background-position: 0px -255px;
}
.btn3, .btn4 {
width: 415px;
height: 70px;
}
.btn3 {
background-position: 0px -312px;
}
.btn3:hover {
background-position: 0px -382px;
}
.btn4 {
background-position: 0px -452px;
}
.btn4:hover {
background-position: 0px -522px;
}
/* layout */
#blog_hajimeru {
padding: 20px 0;
background: url(images/exposition/blog_hajimeru6/body_bg.gif) repeat 0 0;
min-width: 977px;
}
.outline {
width: 972px;
margin: 0 auto;
}
.bgimg {
text-indent: -999em;
}
.bgimg a {
display: block;
}
.blog_title {
height: 110px;
background: url(images/exposition/blog_hajimeru9/page_title.gif) no-repeat 0 0;
}
.blog_title_broach {
height: 110px;
background: url(images/exposition/blog_hajimeru9/page_title_broach.gif) no-repeat 0 0;
}
.blog_main {
background:#ffffff;
margin: 0 auto 20px;

color:#555555;
text-align: left;
border-left:solid 1px #d8f0d9;
border-right:solid 1px #d8f0d9;
border-bottom:solid 1px #d8f0d9;
}
.blog_main h1 {
margin-bottom: 10px;
padding-left: 0.5em;
}
.new_login a {
width: 437px;
height: 99px;
}

#just_login a {
width: 437px;
height: 57px;
}
/* sec1 */
.sec1 {
padding: 0 35px;
background: url(images/exposition/blog_hajimeru6/entry_intro.gif) no-repeat 91.5% 101%;
}


/* sec2 app_area */
.info_app2 {display:none;}
.info_app_0423 {width:900px;height:282px;margin: 30px 35px 0;background:url(images/exposition/blog_hajimeru9/app_sprite_0423.png) no-repeat;overflow:hidden;zoom:1;}
.app_spr { text-indent:-9999px;display:block; background:url(images/exposition/blog_hajimeru9/app_sprite_0423.png) no-repeat;}
a.app_spr {overflow:hidden;}
.app_ttl_0423 { width:577px; height:109px;text-indent:-9999px;}
.app_info_0423 { margin:0 0 0 96px; width:421px; height:63px;background-position:-910px 0px;}
.app_info_0423:hover {background-position:-910px -80px;}
.app_btn_0423 { position:relative; margin:0 0 0 55px;width:543px; height:88px; overflow:hidden;zoom:1;}
.app_btn_0423 a {display: inline-block; float:left; margin-top:23px; width:228px; height:64px;}
.app_btn_i_0423 { margin:0 39px 0 0; background-position:-1350px 0px;}
.app_btn_i_0423:hover {background-position:-1350px -80px;}
.app_btn_a_0423 { background-position:-1600px 0px;}
.app_btn_a_0423:hover { background-position:-1600px -80px;}
.app_dlbtn_new {display:inline-block;position:absolute; top:3px; left:460px; width:53px; height:29px;background-position:-1840px 0px;}

/* sec3 descript_area */
.sec3, .bottom_regist_area {padding: 0 35px;}
.descript_area {
padding:0; margin:10px auto 10px;width:900px; font-size:90%;
background:url(images/exposition/blog_hajimeru6/3point_middle.gif) repeat-y;}
.descript_area .top{height:260px;}
.descript_area .bottom{height:10px;}
.descript_area li.last {margin-right:0;}

.description3 { padding:10px 15px;background:url(images/exposition/blog_hajimeru8/description_top.png) 0 -21px no-repeat; overflow:hidden;zoom:1;}
.description3 li { margin-right:15px;float:left;width:280px; height:256px;list-style: none;
background-repeat: no-repeat;
background-position: 0 0;
}
.description3 li.topic-1 {
background-image: url(images/exposition/blog_hajimeru8/topic_left.png);
}
.description3 li.topic-2 {
background-image: url(images/exposition/blog_hajimeru8/topic_center.png);
}
.description3 li.topic-3 {
background-image: url(images/exposition/blog_hajimeru8/topic_right.png);
}
.point4_ttl {
width: 611px;
height: 56px;
margin:6px 0 3px 15px;
background: url(images/exposition/blog_hajimeru6/3point_title_v02.gif) no-repeat 0 0;
padding: 0;
}
.point4 { width:880px; margin-left:15px;list-style:none; overflow:hidden;_zoom:1;}
.point4 li { width:209px;height: 171px; float:left; margin-right:12px;
background-repeat: no-repeat;
background-position: 0 0;
}
.point4 li.point-1 {
background-image: url(images/exposition/blog_hajimeru6/3point_img_01.gif);
}
.point4 li.point-2 {
background-image: url(images/exposition/blog_hajimeru6/3point_img_02.gif);
}
.point4 li.point-3 {
background-image: url(images/exposition/blog_hajimeru6/3point_img_03.gif);
}
.point4 li.point-4 {
background-image: url(images/exposition/blog_hajimeru6/3point_img_04.gif);
}
.compare{
text-align:center;
font-size:120%;
font-weight:bold;
color:#ec6300;
padding:18px 0 15px 0;
background: url(images/exposition/blog_hajimeru6/3point_bottom.gif) no-repeat 0% 100%;
}
.compare a{color:#ec6300;}
.compare a:hover{color:#cc3333; text-decoration:underline;}

/* bottom_regist_area */
.bottom_regist_area {
margin-top: 20px;
text-align: center;
height: 285px;
background: url(images/exposition/blog_hajimeru8/bottom_regist_br.png) no-repeat 50% 0%;
}
.bottom_regist_area .question{
font-size:120%;
font-weight:bold;
color:#05479c;
padding: 69px 0 55px 12px;
vertical-align: top;
}
.bottom_regist_area .question span {
display: block;
font-weight: normal;
font-size: 70%;
color: #555555;
margin: 15px 0 0;
padding-bottom: 2px;
background-color: #fff;
}
.bottom_regist_area dd {
width: 100%;
}
.bottom_regist_area dd a {
position: relative;
}
.bottom_regist_area dd .btn4 {
float: right;
left: -6px;
}
.bottom_regist_area dd .btn3 {
float: left;
left: 2px;
}