@charset "utf-8";

/*------------------------初期化------------------------*/
html {color: #444; background: #fff url(../img/bg_html.gif) repeat;}

body,h1,h2,h3,h4,h5,h6,div,p,span,ul,ol,li,dl,dt,dd,hr,iframe,object,param {margin: 0; padding: 0;}
/* hasLayout {zoom: 1;} */
/* 未初期化タグ pre,code,fieldset,legend,textarea,blockquote,th,td,form,input,select */
li {list-style: none;}
/* table {border-collapse:collapse; border-spacing: 0;} */
fieldset,img {border: 0;}

body {
margin:0;
padding: 0;
color: #444;
background: #a5d3e6 url(../img/bg_landscape.jpg) repeat-x bottom center;
font-size: 12px;
font-family : "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","ＭＳ ゴシック",osaka,sans-serif;
/* "KozGoStd-Light","KozGoStd-Regular","Kozuka Gothic Pro","小塚ゴシック Pro" */
text-align: center;
}

/* ++++++++++++++++++++++++++++++ [for Windows] +++++++++++++ */
/* Win IE フォントサイズ */
/* Win Iternet Explorer 7フォント関連 */
*:first-child+html body {font-size: 12px; line-height: 1.3;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック","メイリオ",Meiryo,sans-serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* Win Iternet Explorer 6などフォント関連 */
* html body {font-size: 12px; line-height: 1.3;
/* フォント指定したいとき */ font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック","メイリオ",Meiryo,sans-serif;
font-size: small; /* IE 標準準拠モード */
/* font:x-small; IE6後方互換モード */
}
/* ++++++++++++++++++++++++++++++ [/for Windows] +++++++++++++ */

/*table {font-size: inherit; font: 100%;}*/
h1,h2,h3,h4,h5,h6 {font-size: 100%;}
/*input,textarea,select {
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
font-size: 100%;
font-weight: inherit;
}
input,textarea,select {*font-size: 100%;}*/

a,a:link,a:visited {color: #007542;}
a:active,a:hover {color: #fff; background-color: #007542; text-decoration: none;}

hr {display: none;} /*CSS無効時の区切り線*/

/*floatのクリア*/
.clbth:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clbth {display: inline-block;}
/* hide IE-MAC \*/
* html .clbth {height: 1%;}
.clbth {display: block;}
/* end hide IE-MAC */

/* 共有クラス */
.resetfl {clear: both;}
.posLeft {float: left;}
.posRight {float: right;}
.txtLeft {text-align: left;}
.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtSmall {font-size: 90%;}
.txtBold {font-weight: bold;}
.notice {color: #f00;}
.tulipYellow {color: #f4a000;}
.tulipPurple {color: #bd2281;}
.tulipRed {color: #d1311c;}
.tulipGreen {color: #007542;}
.dlTxt {text-transform: uppercase; font-size: 80%;}
.vmid {vertical-align: middle;}

.forIE {margin: 0; padding: 0; font-size: 10%;}

.imgover,.mapLink {border: 0;}

/* ####################################### */
/* 共通 */
/* 黄色 #f4a000*/
/* 紫色 #bd2281*/
/* 赤色 #d1311c*/
/* 緑色 #007542*/
/* ####################################### */
#tulipPack {
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 960px;
}

#menuClm {
float: left;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
width: 200px;
text-align: left;
}

#mainClm {
float: right;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
width: 740px;
color: #444;
background: transparent url(../img/iconline_top.gif) no-repeat top left;
text-align: left;
}
#mainClm:after {
display: block;
content: url(../img/iconline_btm.png);
height: 30px;
line-height: 30px;
/*font-size: 1%;*/
}

/* ####################################### */
/* メニュー部分 */
/* ####################################### */
#menuClm h1 {
margin: 0;
padding: 0;
width: 200px;
/*height: 40px;*/
color: #007542;
background: #fff url(../img/tulip_logo.gif) no-repeat top left;
font-size: 80%;
text-align: center;
}
#menuClm h1 a {
display: block;
margin: 0;
padding: 186px 0 0 0;
width: 200px;
height: 36px;
}
#menuClm h1 a, #menuClm h1 a:link, #menuClm h1 a:visited {background-color: transparent; text-decoration: none;}
#menuClm h1 a:active, #menuClm h1 a:hover {color: #007542; background-color: transparent;}

#menuClm ul {
margin: 0;
padding: 1em 0 2em 0;
color: #444;
background: #fff url(../img/bg_menu.gif) no-repeat center center;
font-family: verdana,sans-serif !important;
}
#menuClm ul li {
margin: 0 20px;
padding: 2px 10px;
line-height: 1.6;
border-bottom: 1px dotted #007542;
}
#menuClm ul li a,#menuClm ul li a:link {color: #007542; text-decoration: none;}
#menuClm ul li a:visited {color: #bd2281; text-decoration: none;}
#menuClm ul li a:active,#menuClm ul li a:hover {color: #d1311c; background-color: transparent; text-decoration: none;}
#menuClm ul li img {margin-left: 5px; vertical-align: middle;}

#menuClm img, #toShop {
margin: 0;
padding: 0;
vertical-align: bottom;
}
#toShop:after {
display: block;
content: url(../img/menu_shadow.png);
height: 20px;
line-height: 20px;
/*font-size: 1%;*/
}

/* ####################################### */
/* メイン部分 */
/* ####################################### */
#photoArea {
margin: 20px 0 0 0;
padding: 0;
}
#photoArea img,#photoArea object,#photoArea param {vertical-align: bottom;}

#titleArea {
margin: 0;
padding: 0;
color: #444;
background-color: #fff;
}
#titleArea h2 {
float: left;
margin: 0;
padding: 0;
width: 570px;
}
#titleArea img {margin: 0; padding: 0}

#titleArea #sizeArea {
float: left;
margin: 0;
padding: 0;
width: 170px;
height: 70px;
background: #007542 url(../img/bg_fontsize.gif) no-repeat top center;
text-align: center;
}
#sizeArea ul {
margin: 30px auto 0 auto;
padding: 0;
width: 116px;
}
#sizeArea li {display: inline;}
#sizeArea li img {margin: 0 2px;}

#cntArea {
margin: 0;
padding: 0;
color: #444;
background-color: #fff;
}
/* ++++++++++++++++++++++++++++++ [for Windows] +++++++++++++ */
*:first-child+html #cntArea {line-height: 1.6;}
* html #cntArea {line-height: 1.6;}
/* ++++++++++++++++++++++++++++++ [/for Windows] +++++++++++++ */

#cntArea p.lineBreak {margin: 1.6em 0 0 0;}
/* for slimbox */
#cntArea a.lightboxLink,#cntArea a.lightboxLink:link,#cntArea a.lightboxLink:visited,#cntArea a.lightboxLink:active,#cntArea a.lightboxLink:hover {background-color: transparent; text-decoration: none;}
#cntArea a.lightboxLink img,.toTop a img {vertical-align: bottom;}

.toTop {
padding: 15px 20px 0 20px;
text-align: right;
}
.toTop a,.toTop a:link,.toTop a:visited,.toTop a:active,.toTop a:hover {background-color: transparent; text-decoration: none;}

/* ####################################### */
/* FOOTER */
/* ####################################### */
#footer {
clear: both;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0;
width: 960px;
height: 170px;
font-family: verdana, sans-serif;
font-size: 10px;
text-align: right;
color: #007542;
}

/* ++++++++++++++++++++++++++++++ [for Windows] +++++++++++++ */
*:first-child+html #footer {font-size: 75%;}
* html #footer {font-size: 75%;}
/* ++++++++++++++++++++++++++++++ [/for Windows] +++++++++++++ */

/* IE-MAC Only　\*//*/
/**/