/* 初期化 */

*{

margin:0px;
padding:0px;
border:none;
}

a:link{
color:#076ab6;
text-decoration:none;
}
a:visited{
color:#85248a;
text-decoration:none;
}
a:active{
color:#85248a;
}

a:hover{
text-decoration:underline;
}

img{
vertical-align:bottom;
}

/* 基本設定 */
body{
font-size:13px;

*font-size:small;
*font:x-small;
color:#2e2e2e;
background-color:#ffffff;
background:url(../images/common/bodyback.jpg) top;
}
p{
font-size:100%;
line-height:1.5em;
}

strong{
color:tomato;
}

/* レイアウト */

#wrapper{
margin:0;
text-align:center;
}

#wrapper div.wrapper_bg{
background:url(../images/common/bg_body.gif) repeat-x  50% 0;
}

#wrapper div.wrapper_bg div.wrapper_bg2 div.header{
height:143px;
}

#wrapper div.wrapper_bg div.header div.header_content{
width:950px;
position:relative;
margin:0 auto;
background-position:bottom;
height:143px;
text-align:left;
}

#wrapper div.wrapper_bg div.content{
background:url(../images/common/main_back.gif) repeat-y 50% 0;
/*background-color:#000000;
background-color:#2f2f2f;*/
}

#wrapper div.wrapper_bg div.content div.visual{
margin:0 auto;
position:relative;
}

#wrapper div.wrapper_bg div.content div.main_area{
position:relative;
margin:0 auto;
width:910px;
padding:20px;
}

#wrapper div.wrapper_bg div.content div.main_area div.left_area{
float:left;
width:654px;
text-align:left;
}
#wrapper div.wrapper_bg div.content div.main_area div.right_area{
float:right;
width:240px;
text-align:left;
}

div.footer_area{
clear:both;
background:url(../images/common/footer_curtain.gif) no-repeat bottom;
width:950px;
height:250px;
position:relative;
margin:0 auto;
}

div#footer{
clear:both;
width:950px;
background:url(../images/common/footer_base.gif) no-repeat 50% 100%;
height:63px;
margin:0 auto;
text-align:center;
position:relative;
}

/* right_area用 */

.r_bnr{
margin-bottom:5px;
}

div.right_area h2.txt{
text-align:center;
padding:15px 0px 0px 0px;
width:242px;
height:31px;
font-size:116%;
background:url(../images/common/right/h2_base.gif) no-repeat;
}

div.menu{
border:1px solid #bbbcbc;
border-bottom:none;
background:url(../images/common/right/whiteline.gif) no-repeat bottom;
background-color:#efefef;
padding:10px;
position:relative;
}

div.right_area div.end{
border:1px solid #bbbcbc;
}

div.now{
background-color:#e6cee4;
}

img.next_pointer{
display:none;
}

div.now img.next_pointer{
position:absolute;
top:33px;
left:100px;
z-index:100;
display:inline;
}



/* 共通要素 */

p#top{
position:absolute;
top:10px;
left:0px;
}

p#descri{
position:absolute;
top:25px;
left:140px;
width:540px;
font-size:93%;
z-index:200;
}

#gnavi01{
position:absolute;
bottom:0px;
left:24px;
}
#gnavi02{
position:absolute;
bottom:0px;
left:104px;
}
#gnavi03{
position:absolute;
bottom:0px;
left:241px;
}
#gnavi04{
position:absolute;
bottom:0px;
left:411px;
}
#gnavi05{
position:absolute;
bottom:0px;
left:537px;
}
#gnavi06{
position:absolute;
bottom:0px;
left:620px;
}
#gnavi07{
position:absolute;
bottom:3px;
left:780px;
}

#header_btn_txt{
position:absolute;
top:12px;
left:690px;
}

#size_small{
position:absolute;
top:32px;
left:692px;
}
#size_middle{
position:absolute;
top:32px;
left:753px;
}
#size_big{
position:absolute;
top:32px;
left:813px;
}

#size_small a{
width:55px;
height:32px;
background:url(../images/common/btn_font_small.gif);
display:block;
}

#size_middle a{
width:55px;
height:32px;
background:url(../images/common/btn_font_middle_hover.gif);
display:block;
}

#size_big a{
width:55px;
height:32px;
background:url(../images/common/btn_font_big.gif);
display:block;
}


div#footer_links{
position:absolute;
bottom:100px;
left:0px;
width:910px;
text-align:center;
}

div#footer_links span{
margin-right:1em;
}

p#footer_cvs01{
position:absolute;
bottom:20px;
left:300px;
}

p#footer_cvs02{
position:absolute;
bottom:20px;
right:300px;
}

#footer_txt01{
position:absolute;
bottom:30px;
right:240px;
}
#footer_txt02{
position:absolute;
bottom:30px;
right:105px;
}
#footer_txt03{
position:absolute;
bottom:30px;
right:13px;
}

#footer_copy{
position:absolute;
bottom:10px;
left:260px;
}


/* 共通パーツ */

.center{
text-align:center;
}

.right{
text-align:right;
}

.left{
text-align:left;
}

.list{
background:url(../images/common/icon_list.gif) no-repeat 0px 50%;
padding-left:1em;
}

.open{
background:url(../images/common/icon_window.gif) no-repeat;
padding-left:18px;
}

/* 共通カラー */

.green{
color:#008000;
}
.blue{
color:#0000ff;
}
.murasaki{
color:#800080;
}

.gold{
color:#ffd700;
}
.moccasin{
color:#ffe4b5;
}
.olive{
color:#808000;
}
.yellowgreen{
color:#9acd32;
}
.hotpink{
color:#ff69b4;
}
.coral{
color:#ff7f50;
}

.tomato{
color:tomato;
}
.darkslategray{
color:#2f4f4f;
}
.lred{
color:#ff0000;
}


/* レイアウトパターン */
div.half_left{
float:left;
width:320px;
text-align:left;
}

div.half_right{
float:right;
width:320px;
text-align:left;
}

/* box_01 */

div.box_01{
border:1px solid #dddddd;
background-color:#efefef;
padding:10px;
margin-bottom:10px;
}

div.box_01 div{
background-color:#ffffff;
padding:10px;
}

/* box_02 */

div.box_02{
border:1px solid #bbbcbc;
padding:20px;
margin-bottom:10px;
}

/* box_03 */

div.box_03{
background-color:#ffffff;
border:1px solid #bbbcbc;
padding:10px;
margin-bottom:10px;
}

/* box_04 */

div.box_04{
background-color:#ffffff;
border:1px solid #bbbcbc;
padding:10px;
margin-bottom:10px;
}

/* box_05 */

div.box_05{
background-color:lightyellow;
border:1px solid #bbbcbc;
padding:10px;
margin-bottom:10px;
}

/* news */
div.right_area dl.news dt{
padding:0.5em 0px 0px 0px;
}

div.right_area dl.news dd{
padding:0px 0px 0.5em 1em;
background:url(../images/common/dotline.gif) no-repeat bottom;
}

div.right_area p.right{
padding-top:0.5em;
}

div.simpler p{
margin:20px 40px 20px 20px;
line-height:1.8em;
font-size:108%;
}

div.simpler span.kimochi{
color:#EE4000;
font-weight:bold;
}

/* 基本要素 */

h1.txt{
background:url(../images/common/h1_base.gif) no-repeat;
padding:22px 20px 0px 20px;
font-size:138.5%;
height:44px;
width:614px;
}

h2.txt{
background:url(../images/common/h2_base.gif) no-repeat;
padding:10px 20px 0px 20px;
font-size:123.1%;
height:26px;
width:614px;
line-height:1em;
}



h3.txt{
background:url(../images/common/h3_base.gif) no-repeat 0 50%;
margin-left:20px;
padding-left:18px;
font-size:108%;
width:614px;
height:16px;
color:#2f4f4f;
}

h3.txt_batu{
background:url(../images/common/h3_base_batu.gif) no-repeat;
padding-left:20px;
font-size:108%;
width:614px;
height:16px;
}

h3.order{
font-weight:bold;
font-size:108%;
}

h4.txt{
background:url(../images/common/h3_base.gif) no-repeat 0 50%;
margin-left:20px;
padding-left:18px;
font-size:108%;
height:16px;
color:#2f4f4f;
}

div.basic{
margin:20px 20px 20px 20px;
}

p.basic{
margin:20px 40px 20px 20px;
font-size:108%;
line-height:1.8em;
}

ul.basic{
margin-top:10px;
margin-right:0px;
margin-left:1em;
}

ul.basic li{
list-style:none;
padding:0.5em 0px 0px 1.5em;
background:url(../images/common/icon_list2.gif) no-repeat 0.5em 66%;
}

table.basic{
border-collapse:collapse;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#575789;
background-color:#9fa0a0;
}
table.basic th{
border:1px solid #9fa0a0;
background:url(../images/common/th_back.gif) repeat-x bottom #575789;
font-size:100%;
color:#ffffff;
padding:4px;
text-align:center;
}

table.basic td{
border:1px solid #9fa0a0;
background:#ffffff;
padding:4px;
}

table.basic td.gray{
background-color:#eeeeee;
}

table.basic th.red{
color:#ffb6c1;
}

table.basic td.red{
background-color:#ffdfdf;
}

table.company{
margin:0 auto;
}

/* news */

p.news_list{
margin:5px 20px 5px 20px;
}

/* floater */

.float_l{
float:left;
}

.float_l img{
float:right;
}

.float_r{
float:right;
}


/* clearfix */

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}