/* CSS Document */

/*----------------------------------Common Module-------------------------------------*/

.left{float:left;}
.right{float:right;}
*html .iepngfix{behavior:expression(IEPNGFIX.fix(this));}


/*---------------------------------------top------------------------------------------*/

#top h2{width:760px; height:314px; background:url(../img/top-img.jpg) no-repeat; text-indent:-9999px; margin:0;}
#top h3{width:220px; height:119px; text-indent:-9999px; margin:0 0 10px 0;}
#top h3#h3-title1{height:88px; background:url(../img/h3-title1.jpg) no-repeat;}
#top h3#h3-title2{background:url(../img/h3-title2.jpg) no-repeat;}
#top h3#h3-title3{background:url(../img/h3-title3.jpg) no-repeat;}
#top h4{width:730px; height:130px; background:url(../img/bottom-title.jpg) no-repeat; text-indent:-9999px;}
#top #top-col{padding:25px 15px 0 15px;}
#top .box-220{width:220px; margin-bottom:35px;}
#top .box-220 p{font-weight:bold;}
#top .box-220 .box-img{margin:15px 0 10px 0;}
#top #left-box{margin-right:35px;}
#top #border-box{width:730px; background:url(../img/border-bg.gif) no-repeat bottom; padding-top:10px;}
#top .box-365{width:365px;}
#top #text-bg{background:url(../img/text-bg.gif) repeat-y right top; float:left; margin-bottom:30px;}
#top .box-365 p{padding:10px 35px;}


/*----------------------------------Common-------------------------------------*/
h2{width:248px; height:40px; text-indent:-9999px; margin:2px 0 15px 0;}
h3{width:235px; height:66px; text-indent:-9999px; margin:0 0 10px 5px;}
.center-col{padding:40px 15px 0 15px;}
.left-col{width:497px; float:left;}
.left-p{padding-left:5px;}
span{color:#34A1C9;}
.box{width:200px; margin:0 0 10px 10px !important; margin-left:5px;}
.right-text1{width:105px; margin-left:0 !important; margin-left:-3px;}
.right-text1 p{padding:3px 0 0 5px;}
.right-text2{width:75px; margin-left:5px; float:left;}
.right-p{padding-right:10px;}
.right-box{width:248px;}
#button-link{float:right; margin-top:35px;}
#button-link li{height:23px; display:block; float:left; margin-left:10px;}
#button-link a{height:23px; display:block; text-indent:-9999px;}
#button-1{width:135px; background:url(../img/button-2.gif) no-repeat;}
.bottom-box{width:211px; font-size:95%;}
.bottom-box ul{padding-bottom:5px;}


/*--local nav--*/





/*-------------------------------------atelier----------------------------------------*/

#atelier h2#title-1{background:url(../img/title-1_04.gif) no-repeat left;}
#atelier h2#title-2{background:url(../img/title-2_04.gif) no-repeat left;}
#atelier h2#title-3{background:url(../img/title-3_04.gif) no-repeat left bottom;}
#atelier h2#data-title{width:730px; height:24px; background:url(../img/bottom-title_04.gif) no-repeat;}
#atelier h3#sub-1{background:url(../img/h3-sub1_04.gif) no-repeat;}
#atelier h3#sub-2{width:209px; background:url(../img/h3-sub2_04.gif) no-repeat; margin-left:25px;}
#atelier h3#sub-3{background:url(../img/h3-sub3_04.gif) no-repeat;}
#atelier h3#bottom-sub1{width:211px; height:82px; background:url(../img/bottom-sub1_04.jpg) no-repeat; margin-left:0;}
#atelier h3#bottom-sub2{width:211px; height:82px; background:url(../img/bottom-sub2_04.jpg) no-repeat; margin-left:0;}
#atelier h3#bottom-sub3{width:211px; height:82px; background:url(../img/bottom-sub3_04.jpg) no-repeat; margin-left:0;}
#atelier h4{width:211px; height:93px; background:url(../img/h4-sub1_04.jpg) no-repeat; text-indent:-9999px; margin-bottom:10px;}
#atelier #top-col{height:123px; background:url(../img/top-img.jpg) no-repeat;}
#atelier #left-box1{width:248px; height:344px; background:url(../img/img1-1_04.jpg) no-repeat; float:left;}
#atelier #left-box2{width:248px; height:344px; background:url(../img/img2-1_04.jpg) no-repeat; float:left;}
#atelier #left-box3{width:248px; height:344px; background:url(../img/img3-1_04.jpg) no-repeat; float:left;}
#atelier .right-col{width:211px; border:solid 1px #FBB252; font-size:95%;}
#atelier #button-1{width:135px; background:url(../img/button-1.gif) no-repeat;}
#atelier #button-2{width:204px; background:url(../img/button-2.gif) no-repeat;}
#atelier .bottom-box span{color:#fad295;}
#atelier #border-box{width:211px; padding:0 23px 10px 23px; margin:0 24px 10px 24px; border-left:solid 1px #fad295; border-right:solid 1px #fad295; float:left;}






/*-------------------------------------style----------------------------------------*/

#style h2#title-1{background:url(../img/title-1_03.gif) no-repeat left;}
#style h2#title-2{background:url(../img/title-2_03.gif) no-repeat left;}
#style h2#title-3{background:url(../img/title-3_03.gif) no-repeat left;}
#style h2#data-title{width:730px; height:24px; background:url(../img/bottom-title_03.gif) no-repeat;}
#style h3#sub-1{background:url(../img/h3-sub1_03.gif) no-repeat;}
#style h3#sub-2{width:209px; height:68px; background:url(../img/h3-sub2_03.gif) no-repeat; margin-left:27px;}
#style h3#sub-3{background:url(../img/h3-sub3_03.gif) no-repeat;}
#style h3#bottom-sub1{width:211px; height:82px; background:url(../img/bottom-sub1_03.jpg) no-repeat; margin-left:0;}
#style h3#bottom-sub2{width:211px; height:82px; background:url(../img/bottom-sub2_03.jpg) no-repeat; margin-left:0;}
#style h3#bottom-sub3{width:211px; height:82px; background:url(../img/bottom-sub3_03.jpg) no-repeat; margin-left:0;}
#style h4{width:211px; height:93px; background:url(../img/h4-sub1_03.jpg) no-repeat; text-indent:-9999px; margin-bottom:10px;}
#style #top-col{height:123px; background:url(../img/top-img_03.jpg) no-repeat;}
#style #left-box1{width:248px; height:344px; background:url(../img/img1-1_03.jpg) no-repeat; float:left;}
#style #left-box2{width:248px; height:344px; background:url(../img/img2-1_03.jpg) no-repeat; float:left;}
#style #left-box3{width:248px; height:344px; background:url(../img/img3-1_03.jpg) no-repeat; float:left;;}
#style .right-col{width:211px; border:solid 1px #79C9A2; font-size:95%;}
#style #button-1{width:135px; background:url(../img/button-1.gif) no-repeat;}
#style #button-2{width:182px; background:url(../img/button-3.gif) no-repeat;}
#style .bottom-box span{color:#7FCCA7;}
#style #border-box{width:211px; padding:0 23px 10px 23px; margin:0 24px 10px 24px; border-left:solid 1px #79C9A2; border-right:solid 1px #79C9A2; float:left;}




/*-------------------------------------trend----------------------------------------*/

#trend h2#title-1{background:url(../img/title-1_02.gif) no-repeat left;}
#trend h2#title-2{background:url(../img/title-2_02.gif) no-repeat left;}
#trend h2#title-3{background:url(../img/title-3_02.gif) no-repeat left;}
#trend h2#data-title{width:730px; height:25px; background:url(../img/bottom-title_02.gif) no-repeat;}
#trend h3#sub-1{background:url(../img/h3-sub1_02.gif) no-repeat;}
#trend h3#sub-2{width:218px; background:url(../img/h3-sub2_02.gif) no-repeat; margin-left:20px;}
#trend h3#sub-3{background:url(../img/h3-sub3_02.gif) no-repeat;}
#trend h3#bottom-sub1{width:211px; height:82px; background:url(../img/bottom-sub1_02.jpg) no-repeat; margin-left:0;}
#trend h3#bottom-sub2{width:211px; height:82px; background:url(../img/bottom-sub2_02.jpg) no-repeat; margin-left:0;}
#trend h3#bottom-sub3{width:211px; height:82px; background:url(../img/bottom-sub3_02.jpg) no-repeat; margin-left:0;}
#trend h4{width:211px; height:93px; background:url(../img/h4-sub1_02.jpg) no-repeat; text-indent:-9999px; margin-bottom:10px;}
#trend #top-col{height:123px; background:url(img/top-img_02.jpg) no-repeat;}
#trend #left-box1{width:248px; height:344px; background:url(../img/img1-1_02.jpg) no-repeat; float:left;}
#trend #left-box2{width:248px; height:344px; background:url(../img/img2-1_02.jpg) no-repeat; float:left;}
#trend #left-box3{width:248px; height:344px; background:url(../img/img3-1_02.jpg) no-repeat; float:left;}
#trend .right-col{width:211px; border:solid 1px #F8638B; font-size:95%;}
#trend #button-1{width:204px; background:url(../img/button-2.gif) no-repeat;}
#trend #button-2{width:182px; background:url(../img/button-3.gif) no-repeat;}
#trend .bottom-box span{color:#F8688F;}
#trend #border-box{width:211px; padding:0 23px 10px 23px; margin:0 24px 10px 24px; border-left:solid 1px #F8638B; border-right:solid 1px #F8638B; float:left;}