@charset "UTF-8";

/*=========================================================================================
 DEFAULT
=========================================================================================*/
*{
font-weight: normal;
margin: 0px;
padding: 0px;
}

html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
}

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
font-size:12px;
text-align: center;
color: #444444;
line-height: 100%;
background:#FFFFFF;
}

a,
a:link,
a:visited{
color:#000000;
text-decoration: underline;
outline: none;
}

a:hover{
color:#019A4A;
text-decoration: none;
outline: none;
}

/*=========================================================================================
CSS RESET
=========================================================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin: 0;
padding: 0;
border-style:none;
}

table {
border-collapse: collapse;
border-spacing: 0px;
border: none 0px;
}

fieldset,img { 
border: none 0px;
}

address,caption,cite,code,dfn,em,th,var {
font-style: normal;
font-weight: normal;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}

q:before,q:after {
content:'';
}

abbr,acronym {
border: 0;
}

/*=========================================================================================
COMMON CLASS STYLE
=========================================================================================*/
/*
TEXT STYLE
-----------------------------------------------------------------------------------------*/
p{
line-height: 160%;
}
.lh120{
line-height: 120%;
}
.lh140{
line-height: 140%;
}
.lh160{
line-height: 160%;
}
.lh180{
line-height: 180%;
}
.text_bold{
font-weight: bold;
}
.text_left{
text-align: left;
}
.text_right{
text-align: right;
}
.red {
color: #CC0000;
}
.redbrown {
color: #C33A04;
}
.pink {
color: #FF3366;
}
.white {
color: #FFFFFF;
}
.blue {
color: #2685BB;
}
.navy {
color: #003366;
}
.lightgreen{
color:#99CC00;
}
.coolgray {
color: #606060;
}

.gray {
color: #999999;
}

.lightGray {
color: #ADADAD;
}

.darkgray {
color: #444444;
}
a.gray{
color: #444444;
text-decoration: none;
}
a:hover.gray{
color: #444444;
text-decoration: underline;
}

.arrow{
background:url(/images/icons/icon_arrow.gif) no-repeat 0px 0px;
padding-left:12px;
}
a.arrow{
background:url(/images/icons/icon_arrow.gif) no-repeat 0px 0px;
padding-left:12px;
}
a:hover.arrow {
background:url(/images/icons/icon_arrow_over.gif) no-repeat 0px 0px;
padding-left:12px;
}
a.arrow_right{
background:url(/images/icons/icon_arrow.gif) no-repeat top right;
padding-right:12px;
}
a:hover.arrow_right{
background:url(/images/icons/icon_arrow_over.gif) no-repeat top right;
padding-right:12px;
}


a.question{
background:url(/images/icons/icon_question.gif) no-repeat 0px 0px;
padding-left:14px;
}
a:hover.question{
background:url(/images/icons/icon_question_over.gif) no-repeat 0px 0px;
padding-left:14px;
}

a.mail{
background:url(/images/icons/icon_contact.gif) no-repeat 0px 0px;
padding-left:14px;
}
a:hover.mail{
background:url(/images/icons/icon_contact_over.gif) no-repeat 0px 0px;
padding-left:14px;
}

.pagenavi ul li{
list-style-type : none;
display:inline;
font-size:9px;
margin-right:5px;
}
.pagenavi ul li a{
font-family:"Verdana";
font-weight: bold;
padding:3px 6px;
color:#333333;
text-decoration:none;
background-color:#DDDDDD;
}
.pagenavi ul li span{
font-family:"Verdana";
font-weight: bold;
padding:3px 6px;
color:#FFFFFF;
text-decoration:none;
background-color:#019A4A;
}
.pagenavi ul li a:hover{
font-family:"Verdana";
font-weight: bold;
color:#FFFFFF;
text-decoration:none;
background-color:#019A4A;
}

.description p{
padding-bottom:10px;
}

.date{
font-family:"Verdana";
font-weight: bold;
}


.txt8 {
font-size:8px;
}
.txt9 {
font-size:9px;
}
.txt10 {
font-size:10px;
}
.txt11 {
font-size:11px;
}
.txt12 {
font-size:12px;
}
.txt13 {
font-size:13px;
}
.txt14 {
font-size:14px;
}
.txt15 {
font-size:15px;
}
.txt16 {
font-size:16px;
}

/*
FLOAT
-----------------------------------------------------------------------------------------*/
.left {
padding: 0px;
margin: 0px;
float: left;
}

.right {
padding: 0px;
margin: 0px;
float: right;
}

.center_out {
text-align: center;
}
.center_in {
padding: 0px;
margin: 0px auto;
}

.position_r{
position: relative;
top:0px;
left:0px;
}

.position_a{
position: absolute;
}

/*-----------------------------------------------------------------------------------------
BOX WIDTH
-----------------------------------------------------------------------------------------*/
.box50 {
width: 50px;
}
.box70 {
width: 70px;
}
.box85 {
width: 85px;
}
.box100 {
width: 100px;
}
.box125 {
width: 125px;
}
.box140 {
width: 140px;
}
.box145 {
width: 145px;
}
.box180 {
width: 180px;
}
.box190 {
width: 190px;
}
.box200 {
width: 200px;
}
.box240 {
width: 240px;
}
.box250 {
width: 250px;
}
.box255 {
width: 255px;
}
.box300 {
width: 300px;
}
.box350 {
width: 350px;
}
.box355 {
width: 355px;
}
.box400 {
width: 400px;
}
.box435 {
width: 435px;
}
.box440 {
width: 440px;
}
.box445 {
width: 445px;
}
.box450 {
width: 450px;
}
.box490 {
width: 490px;
}
.box500 {
width: 500px;
}
.box520 {
width: 520px;
}
.box550 {
width: 550px;
}
.box548 {
width: 548px;
}
.box600 {
width: 600px;
}
.box620 {
width: 620px;
}
.box640 {
width: 640px;
}
.box723 {
width: 723px;
}
.box725 {
width: 725px;
}
.box770 {
width: 770px;
}
.box900 {
width: 900px;
}

/*
MARGIN
-----------------------------------------------------------------------------------------*/
/* TOP
========================================*/
.mt5 {
margin-top: 5px!important;
}
.mt7 {
margin-top: 7px!important;
}
.mt10 {
margin-top: 10px!important;
}
.mt15 {
margin-top: 15px!important;
}
.mt20 {
margin-top: 20px!important;
}
.mt30 {
margin-top: 30px!important;
}
.mt40 {
margin-top: 40px!important;
}
.mt50 {
margin-top: 50px!important;
}
.mt60 {
margin-top: 60px!important;
}
.mt70 {
margin-top: 70px!important;
}
.mt80 {
margin-top: 80px!important;
}
.mt90 {
margin-top: 90px!important;
}
.mt100 {
margin-top: 100px!important;
}
.mt200 {
margin-top: 200px!important;
}

/* BOTTOM
========================================*/
.mb2 {
margin-bottom: 2px!important;
}
.mb5 {
margin-bottom: 5px!important;
}
.mb7 {
margin-bottom: 7px!important;
}
.mb10 {
margin-bottom: 10px!important;
}
.mb15 {
margin-bottom: 15px!important;
}
.mb20 {
margin-bottom: 20px!important;
}
.mb30 {
margin-bottom: 30px!important;
}
.mb40 {
margin-bottom: 40px!important;
}
.mb50 {
margin-bottom: 50px!important;
}
.mb60 {
margin-bottom: 60px!important;
}
.mb70 {
margin-bottom: 70px!important;
}
.mb80 {
margin-bottom: 80px!important;
}
.mb90 {
margin-bottom: 90px!important;
}
.mb100 {
margin-bottom: 100px!important;
}
.mb140 {
margin-bottom: 140px!important;
}
.mb170 {
margin-bottom: 170px!important;
}
.mb200 {
margin-bottom: 200px!important;
}
.mb250 {
margin-bottom: 250px!important;
}
.mb300 {
margin-bottom: 300px!important;
}
.mb500 {
margin-bottom: 500px!important;
}
/* LEFT
========================================*/
.ml3 {
margin-left: 3px!important;
}
.ml5 {
margin-left: 5px!important;
}
.ml7 {
margin-left: 7px!important;
}
.ml10 {
margin-left: 10px!important;
}
.ml15 {
margin-left: 15px!important;
}
.ml20 {
margin-left: 20px!important;
}
.ml25 {
margin-left: 25px!important;
}
.ml30 {
margin-left: 30px!important;
}
.ml40{
margin-left: 40px!important;
}
.ml50{
margin-left: 50px!important;
}
.ml100{
margin-left: 100px!important;
}
.ml110{
margin-left: 110px!important;
}
.ml120{
margin-left: 120px!important;
}
.ml230{
margin-left: 230px!important;
}
/* RIGHT
========================================*/
.mr3 {
margin-right: 3px!important;
}
.mr5 {
margin-right: 5px!important;
}
.mr7 {
margin-right: 7px!important;
}
.mr10 {
margin-right: 10px!important;
}
.mr12 {
margin-right: 12px!important;
}
.mr15 {
margin-right: 15px!important;
}
.mr20 {
margin-right: 20px!important;
}
.mr30 {
margin-right: 30px!important;
}
.mr40 {
margin-right: 40px!important;
}
.mr50 {
margin-right: 50px!important;
}
.mr60 {
margin-right: 60px!important;
}
.mr70 {
margin-right: 70px!important;
}


/*---------------------------------------------------------------------------------------PADDING
-----------------------------------------------------------------------------------------*/
/* TOP
========================================*/
.pt5 {
padding-top: 5px!important;
}
.pt10 {
padding-top: 10px!important;
}
.pt15 {
padding-top: 15px!important;
}
.pt20 {
padding-top: 20px!important;
}
.pt30 {
padding-top: 30px!important;
}


/* BOTTOM
========================================*/
.pb5 {
padding-bottom: 5px!important;
}
.pb10 {
padding-bottom: 10px!important;
}
.pb20 {
padding-bottom: 20px!important;
}
.pb30 {
padding-bottom: 30px!important;
}
.pb40 {
padding-bottom: 40px!important;
}
.pb50 {
padding-bottom: 50px!important;
}
/* LEFT
========================================*/
.pl5 {
padding-left: 5px!important;
}
.pl10 {
padding-left: 10px!important;
}
.pl20 {
padding-left: 20px!important;
}
.pl30 {
padding-left: 30px!important;
}
.pl40 {
padding-left: 40px!important;
}

/* RIGHT
========================================*/
.pr5 {
padding-right: 5px!important;
}
.pr10 {
padding-right: 10px!important;
}
.pr20 {
padding-right: 20px!important;
}
.pr30 {
padding-right: 30px!important;
}
.pr40 {
padding-right: 40px!important;
}
.pr50 {
padding-right: 50px!important;
}

/*-----------------------------------------------------------------------------------------
BACKGROUND / BORDER
-----------------------------------------------------------------------------------------*/
.dotline{
width:100%;
display: block;
overflow : hidden;
height:1px;
background:url(/images/common/line_dot.gif); repeat-x top left;
}

.blocksline{
width:100%;
display: block;
overflow : hidden;
height:2px;
background:url(/images/common/line_blocks.gif); repeat-x top left;
}

.border_gray{
width:1px;
height:100%;
overflow : hidden;
display: block;
background-color:#DDDDDD;
}

.grayline{
width:100%;
display: block;
overflow : hidden;
height:1px;
background-color:#CCCCCC;
}

.lightgrayline{
width:100%;
display: block;
overflow : hidden;
height:1px;
background-color:#E0E0E0;
}

.whiteline{
width:100%;
display: block;
overflow : hidden;
height:1px;
background-color:#FFFFFF;
}

.blackline{
width:100%;
display: block;
overflow : hidden;
height:1px;
background-color:#222222;
}

.wall_gray{
padding-left:15px;
background:url(/images/common/wall_gray.gif);
background-repeat:repeat-y;
background-position:top left;
}

.wall_blue{
padding-left:15px;
background:url(/images/common/wall_blue.gif);
background-repeat:repeat-y;
background-position:top left;
}

.photo_bg{
padding:5px;
margin:0px;
background:url(/images/common/bg_photo.gif); repeat 0px 0px;
}

.black_bg{
background-color:#000000;
}
.white_bg{
background-color:#FFFFFF;
}
.lightgray_bg{
background-color:#EEEEEE;
}
.palegreen_bg{
background-color:#EBF5CC;
}
.gray_boxborder{
border:solid 1px #CCCCCC;
}

/*-----------------------------------------------------------------------------------------
HIDETEXT
-----------------------------------------------------------------------------------------*/
.hidetext{
text-indent: -9999px;
}

span.newMark {
    display: none;
    color: red;
    font-weight: bold;
}

/*-----------------------------------------------------------------------------------------
CLEARFIX
-----------------------------------------------------------------------------------------*/
.clearfix:after {
  content: url(/images/spacer.gif);
display: block;
clear: both;
height: 0;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 ¥*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */​