@charset "utf-8";

@import url("../packages/base/css/import.css");

/*\*/ a { overflow: hidden; }/**/

/*----clearfix_type1----*/
.clearFix{zoom:1; }
.clearFix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden; }

#recomendright{display:none!important;}

/*　サイトデザインによってマージンを変更　*/
.base1{ margin: 5px 10px 15px 10px; padding: 5px; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em; }
.base2{ margin: 2px 4px 4px 4px; padding: 2px; font-size: 12px; line-height: 1.3em; color: #666; letter-spacing: 0.05em; }
.base1_1{ margin: 5px 0 5px 10px; padding: 5px;}

/* 2row class style*/
.box2{ float:left; width:260px; _width:280px; margin-right:20px; }
.box2 h3{}
.box2 p{ padding: 5px; font-size: 12px; line-height: 1.3em; letter-spacing: 0.05em; }


/* list style */
.base1_ul1{ list-style-type: disc; margin: 5px 20px 15px 40px; padding:0;}
.base1_ul1 li{ margin: 5px 5px 10px 5px; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em; }

.base1_ul2{ list-style-type: none; margin: 5px 20px 15px 20px; padding:0; }
.base1_ul2 li{ margin: 5px 5px 10px 20px; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em; background-image: url(../../../img/xxxxxxxxxx.gif); background-repeat: no-repeat; background-position: 0px 0px; }

.h3base1{ font-size:13px; background-color: #F6F6F3; padding:3px 3px 3px 6px; border-left-width: 5px; border-left-style: outset; border-left-color: #FF6600; color:#000000; }




/*image & text style*/

.img_right{ float: right; margin:10px 20px 15px 10px; }/*デザインによってマージン変更*/
.img_left{ float: left; margin:10px 10px 15px 20px; }/*デザインによってマージン変更*/
.text_right{text-align: right;}
.text_center{text-align: center;}

/* horizon style */

.hr1{ margin-bottom: 15px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #066; }
.hr2{ margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #066; }
.hr3{ margin-top: 10px; border-top-width: 2px; border-top-style: solid; border-top-color: #066; }
.hr4{ margin-top: 10px; border-top-width: 1px; border-top-style: dashed; border-top-color: #066; }


/* --------------------------------------------
 * 汎用class（組み合わせによって汎用性をもつクラス）
 * -------------------------------------------- */

/*box width & height （form内inputタグにも併用）*/

.wid020{width: 20px;}
.wid040{width: 40px;}
.wid060{width: 60px;}
.wid080{width: 80px;}
.wid100{width:100px;}
.wid120{width:120px;}
.wid140{width:140px;}
.wid160{width:160px;}
.wid180{width:180px;}
.wid200{width:200px;}
.wid250{width:250px;}
.wid300{width:300px;}
.wid350{width:350px;}
.wid400{width:400px;}
.wid450{width:450px;}
.wid500{width:500px;}
.wid550{width:550px;}
.wid600{width:600px;}

.hei020{ height: 20px;}
.hei040{ height: 40px;}
.hei060{ height: 60px;}
.hei080{ height: 80px;}
.hei100{height:100px;}

/*clear & float style*/

.cl { clear:both; }
.cl_l{ clear:left; }
.cl_r{ clear:right; }
/*DIV段組みとか、wid等と組み合わせると複数列のboxを作成可*/
.flo_l{ float:left; }
.flo_r{ float:right; }

/*list style*/

/*DTとDDを並行して表示する場合*/
.dl_base1 { padding:5px 10px 15px 15px; list-style-type: none; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em;}
.dl_base1 dt{ float: left; border-right-width: 3px; border-right-style: solid; border-right-color: #fc0; margin:10px 0 5px 0; }
.dl_base1 dd{ padding-top: 10px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ccc; }
.dt080 dt{ width: 80px; margin-top: 10px; }
.dt080 dd{ padding-left: 90px; _padding-left: 87px; }
.dt100 dt{ width: 100px; margin-top:10px;}
.dt100 dd{ padding-left: 110px; _padding-left: 107px; }
.dt130 dt{ width: 130px; margin-top:10px;}
.dt130 dd{ padding-left: 140px; _padding-left: 137px; }
.dt200 dt{ width: 200px; margin-top:10px;}
.dt200 dd{ padding-left: 210px; _padding-left: 207px; }
/*dtのborderを下に伸ばしたいとき？*/
.dt_hi2{ height:3em;}
.dt_hi4{ height:6em;}

/*DTとDDを段落として表示する場合*/
.dl_base2 { padding:5px 10px 15px 15px; list-style-type: none; font-size: 12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em;}
.dl_base2 dt{ padding:5px; }
.dl_base2 dd{ padding;5px; margin-bottom:15px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ccc; }

/* font style */

.font08{ font-size: 8px!important; }
.font10{ font-size: 10px!important; }
.font14{ font-size: 14px!important; }
.font16{ font-size: 16px!important; }
.font18{ font-size: 18px!important; }

/*color style*/

.col_base1{color:#ECE9D8;}
.col_base2{color:#340F05;}
.col_base3{color:#636;}

.col_red1{color: #f00;}/* 赤（原色） */
.col_red2{color: #c00;}/* 赤（暗い） */
.col_pink1{color: #f69;}/* ピンク */
.col_green1{color: #090;}/* 緑（ふつう） */
.col_green2{color: #690; }/* 緑（抹茶系）*/
.col_olive{color: #9c0; }/* 緑（オリーブ）*/
.col_blue1{color: #00f;}/* 青（原色） */
.col_blue2{color: #06c;}/* 青（やわらか系） */
.col_blue3{color: #9ff;}/* 青（水色） */
.col_blue4{color: #099;}/* 青（みどり系） */
.col_gray1{color: #333;}/* 墨（80％） */
.col_gray2{color: #666;}/* 墨（60％） */
.col_gray3{color: #999;}/* 墨（40％） */
.col_gray4{color: #ccc;}/* 墨（20％） */
.col_black{color: #000;}/* 黒 */
.col_white{color: #fff;}/* 白 */

.col_bk_base1{background-color:#ECE9D8;}
.col_bk_base2{background-color:#340F05;}
.col_bk_base3{background-color:#636;}

.col_bk_red1{background-color: #f00;}/* 赤（原色） */
.col_bk_red2{background-color: #c00;}/* 赤（暗い） */
.col_bk_pink1{background-color: #f69;}/* ピンク */
.col_bk_green1{background-color: #090;}/* 緑（ふつう） */
.col_bk_green2{background-color: #690;}/* 緑（抹茶系）*/
.col_bk_olive{background-color: #9c0; }/* 緑（オリーブ）*/
.col_bk_blue1{background-color: #00f;}/* 青（原色） */
.col_bk_blue2{background-color: #06c;}/* 青（やわらか系） */
.col_bk_blue3{background-color: #9ff;}/* 青（水色） */
.col_bk_blue4{background-color: #066;}/* 青（みどり系） */
.col_bk_gray1{background-color: #333;}/* 墨（80％） */
.col_bk_gray2{background-color: #666;}/* 墨（60％） */
.col_bk_gray3{background-color: #999;}/* 墨（40％） */
.col_bk_gray4{background-color: #ccc;}/* 墨（20％） */

.col_bd_base1{border-color:#ECE9D8;}
.col_bd_base2{border-color:#340F05;}
.col_bd_base3{border-color:#636;}

.col_bd_red1{ border-color: #f00;}/* 赤（原色） */
.col_bd_red2{ border-color: #c00;}/* 赤（暗い） */
.col_bd_pink1{ border-color: #f69;}/* ピンク */
.col_bd_green1{border-color: #090;}/* 緑（ふつう） */
.col_bd_green2{border-color: #690;}/* 緑（抹茶系）*/
.col_bd_olive{border-color: #9c0;}/* 緑（オリーブ）*/
.col_bd_blue1{border-color: #00f;}/* 青（原色） */
.col_bd_blue2{border-color: #06c;}/* 青（やわらか系） */
.col_bd_blue3{border-color: #9ff;}/* 青（水色） */
.col_bd_blue4{border-color: #099;}/* 青（みどり系） */
.col_bd_gray1{border-color: #333;}/* 墨（80％） */
.col_bd_gray2{border-color: #666;}/* 墨（60％） */
.col_bd_gray3{border-color: #999;}/* 墨（40％） */
.col_bd_gray4{border-color: #ccc;}/* 墨（20％） */

/* table style*/

/* デザインによってマージン変更したものを複製 */
.table1{ margin: 10px 0px 15px 20px; }
.table1 th{ padding: 5px; font-size: 12px; color: #333; }
.table1 td{ padding: 5px; font-size: 12px; color: #333; }

.td10{ width:10%; }
.td20{ width:20%; }
.td30{ width:30%; }
.td40{ width:40%; }
.td50{ width:50%; }
.td60{ width:60%; }
.td70{ width:70%; }
.td80{ width:80%; }
.td90{ width:90%; }

/* table border style （テーブル上下2ピクセル・セル左右1ピクセル）注：色無し・行区切りがないので背景色をつける*/
.border1{ border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; }
.border1 td{ border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; }

/* table border style （テーブル上下2ピクセル・セル全て1ピクセル）*/
.border2{ border-top-width: 2px; border-bottom-width: 2px; border-top-style: solid; border-bottom-style: solid; }
.border2 td{ border-width: 1px; border-style: solid; }

/* table border style （テーブル全て2ピクセル・セル全て1ピクセル）*/
.border3{ border-width: 2px; border-style: solid; }
.border3 td{ border-width: 1px; border-style: solid; }

/*----event----*/
.event{ background-color: #ECE9D8; margin: 10px 0; color:#630; padding:5px; }
.event_url{ font-size: 12px; color: #333; margin: 10px; padding: 10px; border: 3px outset #ECE9D8; background:#F4F3EE url((URL)) no-repeat left center; text-align: center; }

.listBox{padding:20px 0 20px 0px;}
.list{ text-align: center; float: left; width: 260px; margin-left: 14px; _margin-left: 7px; }
.list p{ text-align:left; font-size:12px; line-height: 1.6em; color: #666; letter-spacing: 0.05em;}