@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: #000000;
line-height: 100%;
background:#FFFFFF;
}

a,
a:link,
a:visited{
color:#0099FF;
text-decoration: none;
outline: none;
}

a:hover{
color:#CC0000;
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;
}

.lsnone {
list-style: none outside none;
}
.lstdecimal {
list-style-type: decimal;
}
.text_normal {
font-weight: normal;
}

a.plusdot{
border-bottom-style:dotted;
border-bottom-width:1px;
}

a.footer{
color:#000000;
}
a:hover.footer{
color:#000000;
border-bottom-style:dotted;
border-bottom-width:1px;
}

a.popup{
padding-top:2px;
background:url(/images/common/icon_popup.gif) no-repeat 0px 0px;
padding-left:15px;
}
a:hover.popup {
padding-top:2px;
background:url(/images/common/icon_popup_over.gif) no-repeat 0px 0px;
padding-left:15px;
}

a.twitter_icon{
padding-top:2px;
background:url(/images/common/icon_twitter.gif) no-repeat 0px 0px;
padding-left:15px;
}
a:hover.twitter_icon {
padding-top:2px;
background:url(/images/common/icon_twitter_over.gif) no-repeat 0px 0px;
padding-left:15px;
}

a.mail_icon{
padding-top:2px;
background:url(/images/common/icon_mail.gif) no-repeat 0px 0px;
padding-left:15px;
}
a:hover.mail_icon {
padding-top:2px;
background:url(/images/common/icon_mail_over.gif) no-repeat 0px 0px;
padding-left:15px;
}

a.arrow{
font-weight:bold;
background:url(/images/common/icon_arrow.gif) no-repeat 0px 0px;
padding-left:15px;
color:#000000;
}

a:hover.arrow{
font-weight:bold;
background:url(/images/common/icon_arrow.gif) no-repeat 0px 0px;
padding-left:15px;
color:#000000;
border-bottom-style:dotted;
border-bottom-width:1px;
}

a.next{
font-weight:bold;
background:url(/images/common/icon_arrow_next.gif) no-repeat 0px 0px;
padding-left:15px;
color:#000000;
}
a:hover.next{
font-weight:bold;
background:url(/images/common/icon_arrow_next.gif) no-repeat 0px 0px;
padding-left:15px;
color:#000000;
border-bottom-style:dotted;
border-bottom-width:1px;
}

a.prev{
font-weight:bold;
background:url(/images/common/icon_arrow.gif) no-repeat top right;
padding-right:15px;
color:#000000;
}
a:hover.prev{
font-weight:bold;
background:url(/images/common/icon_arrow.gif) no-repeat top right;
padding-right:15px;
color:#000000;
border-bottom-style:dotted;
border-bottom-width:1px;
}

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

.red{
color:#CC0000;
}


.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;
}
.txt18 {
font-size: 18px;
}
.txt22 {
font-size:22px;
}

/*
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;
}

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

/*-----------------------------------------------------------------------------------------
BOX WIDTH
-----------------------------------------------------------------------------------------*/
.box150 {
width: 150px;
}

.box133 {
width: 133px;
}

.box180 {
width: 180px;
}

.box225 {
width: 225px;
}

.box310{
width:310px;
}

.box860{
width:860px;
}

.box900{
width:900px;
}

/*-----------------------------------------------------------------------------------------
MARGIN
-----------------------------------------------------------------------------------------*/
/* TOP
========================================*/
.mt1{
margin-top: 1px!important;
}
.mt5{
margin-top: 5px!important;
}
.mt7{
margin-top: 7px!important;
}
.mt10{
margin-top: 10px!important;
}
.mt12{
margin-top: 12px!important;
}
.mt15{
margin-top: 15px!important;
}
.mt20{
margin-top: 20px!important;
}
.mt30{
margin-top: 30px!important;
}
.mt40{
margin-top: 40px;
}
.mt50{
margin-top: 50px;
}


/* BOTTOM
========================================*/
.mb1{
margin-bottom: 1px!important;
}
.mb5{
margin-bottom: 5px!important;
}
.mb7{
margin-bottom: 7px!important;
}
.mb10{
margin-bottom: 10px!important;
}
.mb12{
margin-bottom: 12px!important;
}
.mb15{
margin-bottom: 15px!important;
}
.mb20{
margin-bottom: 20px!important;
}
.mb30{
margin-bottom: 30px;
}
.mb40{
margin-bottom: 40px;
}
.mb50{
margin-bottom: 50px;
}
.mb100{
margin-bottom: 100px;
}

/* LEFT
========================================*/
.ml0{
margin-left: 0px!important;
}
.ml1{
margin-left: 1px!important;
}
.ml5{
margin-left: 5px!important;
}
.ml10{
margin-left: 10px!important;
}
.ml15{
margin-left: 15px!important;
}
.ml20{
margin-left: 20px!important;
}
.ml30{
margin-left: 30px!important;
}
.ml50{
margin-left: 50px;
}
.ml70{
margin-left: 70px;
}

/* RIGHT
========================================*/
.mr1{
margin-right: 1px!important;
}
.mr5{
margin-right: 5px!important;
}
.mr10{
margin-right: 10px!important;
}
.mr15{
margin-right: 15px!important;
}
.mr20{
margin-right: 20px!important;
}

/*-----------------------------------------------------------------------------------------
PADDING
-----------------------------------------------------------------------------------------*/

/* TOP
========================================*/

.pt5{
padding-top: 5px!important;
}

/* BOTTOM
========================================*/

.pb5{
padding-bottom: 5px!important;
}

/* LEFT
========================================*/

.pl5{
padding-left: 5px!important;
}

/* RIGHT
========================================*/

.pr5{
padding-right: 5px!important;
}

/*-----------------------------------------------------------------------------------------
BACKGROUND / BORDER
-----------------------------------------------------------------------------------------*/

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

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

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

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

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

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

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


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

.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/common/spacer.gif);
display: block;
clear: both;
height: 0;
}

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