/**

 *  ページ全般に共通するCSS

 */



/*  common

=======================================================*/

.textarea{
	border:0px;
}

#link{

color:#0000FF;

}





html {

	height: 100%;

    margin: 0;

    }



body {

    margin: 0;

    height: 100%;

    padding: 0;

    background-color: #ffd700;

    color: #5d5d5d;

    font-size: 12px;

    font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",sans-serif;

    }



a img {

    border: none;

	}



h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

    margin: 0;

    padding: 0;

    font-size: 100%;

	}



a:link, a:visited {

    color:#FF6600;

    text-decoration: none;

	}



a:hover, a:active {

    color:#CC6600;

    text-decoration: underline;

	}



.replaceText {

    display: none;

	}



p {

    padding: 0;

    margin: 0;

    font-size: 100%;

	}



ul, li, dl, dt, dd {

    list-style: none;

    padding: 0;

    margin: 0;

	}



form {

    margin: 0;

    padding: 0;

	}



strong {
	font-weight: bold;
	font-size: 16px;
	color: #F30;

	}



textarea {
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",sans-serif;
    font-size:11px;
    line-height:1.5em;
	width: 250px;
	height: 10em;
	scrollbar-face-color: #ff8c00;
	scrollbar-track-color: #fff8dc;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #fff8dc;
	scrollbar-shadow-color: #d2691e;
	scrollbar-3dlight-color: #ffebcd;
	scrollbar-darkshadow-color: #8b0000;
}


.clearer {

    clear: both;

	}



/*  content body

=======================================================*/

#container {
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	position:relative;
    background-color:#ffffff;
    border:1px solid;

	}





/*  header

=======================================================*/

#header {
    height: 99px;
    padding-left: 0px;
    background: url("http://www.wajju.jp/images/head_bg.gif");
    background-repeat:repeat-x;
    display:block;
}


div#header a {
    color: #5d5d5d;
}


div#header a:hover {
    color: #ff6600;
}


div#header h1 {
    float: left;
    width: 178px;
    height: 66px;
    margin-top: 10px;
    margin-left: 5px;
    display:inline;
}


div#mainheader {
    position: absolute;
    left: 185px;
    top: 28px;
}


div#heu {

   display:block;
   position:absolute;
   left: 490px;
   top: 10px;
   
   }

ul#headerUtil {
	float:left;
     margin-top: 10px;
    padding-left: 7px;
}

ul#headerUtil li {

/*    font-size: 92%;*/
    font-size: 11px;
    line-height: 18px;
    padding-left: 15px;
    
    background: transparent url("../images/header_arrow.gif") no-repeat left center;
}





div#topb {
    position: absolute;
    left: 30px;
    top: 70px;
}



div#topb a {
    display: block;
    width: 74px;
    height: 12px;
    background: transparent url("../images/top_b.gif") no-repeat 0 0;
}

div#topb a:hover {
    background-position: 0 -12px;
}






div#heweb {
	display:block;
    position: absolute;
    left: 735px;
    top: 12px;
    width:258px;
    height:80px;
    background: url("../images/hewebbg.gif");
}

div#heweb ul {
    width: 249px;
    height: 46px;
    padding: 30px 0 0 5px;
}


div#heweb ul li {
    float: left;
}

div#heweb ul li a {
    margin-left: 0px;
    line-height: 22px;
    color: #338800;
}

div#heweb ul li a span {
    vertical-align:bottom;
}

div#heweb ul li.key a {
    margin-left: 0;
    vertical-align: baseline;
}

div#heweb ul li.herweb a {
    display: block;
    width: 114px;
    height: 46px;
    background: transparent url("../images/hewebs_01.gif") no-repeat 0 0;
}

div#heweb ul li.ueweb a {
    display: block;
    margin: 0 0 0 18px;
    width: 117px;
    height: 46px;
    background: transparent url("../images/hewebs_02.gif") no-repeat 0 0;
}



div#heweb ul li.herweb a:hover,

div#heweb ul li.ueweb a:hover {

    background-position: 0 -46px;
}







div#EnglishButton {
    position: absolute;
    left: 560px;
    top: 60px;
}



div#EnglishButton a {
    display: block;
    width: 158px;
    height: 26px;
    background: transparent url("../images/ewajju.gif") no-repeat 0 0;
}

div#EnglishButton a:hover {
    background-position: 0 -26px;
}





/*  global navigation > menu

=======================================================*/

div#menu {
	display:block;
    width:1000px;
    height:auto;
    }


div#mainmenu {
	display:block;
    margin:10px 0 0 15px;
    font-size: 10px;
    height: 70px;
    width:637px;
    background:url(../images/mainmenu.jpg) no-repeat left top;
    float:left;
}


div#mainmenu ul {
    width: 637px;
    height: 54px;
    padding: 10px 0 0 6px;
}


div#mainmenu ul li {
    float: left;
}

div#mainmenu ul li a {
    margin-left: 0px;
    line-height: 54px;
    color: #338800;
}

div#mainmenu ul li a span {
    vertical-align:bottom;
}

div#mainmenu ul li.key a {
    margin-left: 0;
    vertical-align: baseline;
}

div#mainmenu ul li.movie a {
    display: block;
    margin: 0px;
    width: 151px;
    height: 54px;
    background: transparent url("../images/mmenu01.jpg") no-repeat 0 0;
}

div#mainmenu ul li.osusume a {
    display: block;
    margin: 0 0 0 7px;
    width: 123px;
    height: 54px;
    background: transparent url("../images/mmenu02.jpg") no-repeat 0 0;
}

div#mainmenu ul li.yuki a {
    display: block;
    margin: 19px 0 0 8px;
    width: 83px;
    height: 34px;
    background: transparent url("../images/menu01.jpg") no-repeat 0 0;
}

div#mainmenu ul li.sekai a {
    display: block;
    margin: 19px 0 0 0;
    width: 82px;
    height: 34px;
    background: transparent url("../images/menu02.jpg") no-repeat 0 0;
}

div#mainmenu ul li.katsuro a {
    display: block;
    margin: 19px 0 0 0;
    width: 82px;
    height: 34px;
    background: transparent url("../images/menu03.jpg") no-repeat 0 0;
}

div#mainmenu ul li.message a {
    display: block;
    margin: 19px 0 0 0;
    width: 82px;
    height: 34px;
    background: transparent url("../images/menu04.jpg") no-repeat 0 0;
}



div#mainmenu ul li.movie a:hover,

div#mainmenu ul li.osusume a:hover {

    background-position: 0 -54px;
}



div#mainmenu ul li.yuki a:hover,

div#mainmenu ul li.sekai a:hover,

div#mainmenu ul li.katsuro a:hover,

div#mainmenu ul li.message a:hover {

    background-position: 0 -34px;
}



div#submenu {
	display:block;
    margin:10px 0 0 10px;
    font-size: 10px;
    height: 70px;
    width:330px;
    background:url(../images/submenu.jpg) no-repeat left top;
    float:left;
}


div#submenu ul {
    width: 330px;
    height: 54px;
    padding: 17px 0 0 5px;
}


div#submenu ul li {
    float: left;
}

div#submenu ul li a {
    margin-left: 0px;
    line-height: 22px;
    color: #338800;
}

div#submenu ul li a span {
    vertical-align:bottom;
}

div#submenu ul li.key a {
    margin-left: 0;
    vertical-align: baseline;
}

div#submenu ul li.blog a {
    display: block;
    width: 67px;
    height: 22px;
    background: transparent url("../images/smenu01.jpg") no-repeat 0 0;
}

div#submenu ul li.goods a {
    display: block;
    margin: 0 0 0 4px;
    width: 126px;
    height: 22px;
    background: transparent url("../images/smenu02.jpg") no-repeat 0 0;
}

div#submenu ul li.gokifu a {
    display: block;
    margin: 0 0 0 4px;
    width: 119px;
    height: 22px;
    background: transparent url("../images/smenu03.jpg") no-repeat 0 0;
}

div#submenu ul li.collabo a {
    display: block;
    margin: 4px 0 0 0;
    width: 126px;
    height: 22px;
    background: transparent url("../images/smenu04.jpg") no-repeat 0 0;
}

div#submenu ul li.partner a {
    display: block;
    margin: 4px 0 0 5px;
    width: 92px;
    height: 22px;
    background: transparent url("../images/smenu05.jpg") no-repeat 0 0;
}

div#submenu ul li.douga a {
    display: block;
    margin: 4px 0 0 5px;
    width: 92px;
    height: 22px;
    background: transparent url("../images/smenu06.jpg") no-repeat 0 0;
}



div#submenu ul li.blog a:hover,

div#submenu ul li.goods a:hover,

div#submenu ul li.gokifu a:hover,

div#submenu ul li.collabo a:hover,

div#submenu ul li.partner a:hover,

div#submenu ul li.douga a:hover {

    background-position: 0 -22px;
}












/*  content

=======================================================*/

#content {
	display:block;
    width: 980px;
    margin: 5px 10px;
	}
    


/*  mainA

=======================================================*/

#maina {
    width: 636px;
    height: auto !important;
    margin: 0 0 0 5px;
    float:left;
	}



/*  mainB 

=======================================================*/

#mainb {
    width: 710px;
    height: auto !important;
    margin: 0 0 0 5px;
    float:left;
	}
    
    


/*  mainC

=======================================================*/

#mainc {
    width: 960px;
    height: auto !important;
    margin: 0 10px 0 10px;
    float:left;
	}








/* Snazzy Borders - http://www.cssplay.co.uk/boxes/snazzy.html */
    
#xsnazzy {
 background:transparent;
  margin:1em;
   padding:0;
   display:block;
    }


#xsnazzy .h { margin:0; padding:10px 15px; line-height:2em; }

#xsnazzy p {
	margin:0;
	padding:10px 15px;
	line-height:2em;
	text-align : left;
}


#xsnazzy .h { font-size:1.5em; color:#60c8d8; padding-bottom:0; font-weight:bold; }


#xsnazzy .xtop, #xsnazzy .xbottom {display:block; background:transparent; font-size:1px; }


#xsnazzy b { display:block; overflow:hidden; }


#xsnazzy .xb1, #xsnazzy .xb2, #xsnazzy .xb3 {height:1px; }


#xsnazzy .xb2, #xsnazzy .xb3, #xsnazzy .xb4 {background:#FFFFFF; border-left:1px solid #FF9100; border-right:1px solid #FF9100; }


#xsnazzy .xb1 { margin:0 5px; background:#FF9100; }


#xsnazzy .xb2 { margin:0 3px; border-width:0 2px; }


#xsnazzy .xb3 { margin:0 2px; }


#xsnazzy .xb4 { height:2px; margin:0 1px; }


#xsnazzy .xboxcontent { display:block; background:#FFFFFF; border:0 solid #FF9100; border-width:0 1px; height:auto; }








/* TOP 動画ブログ用 - http://www.cssplay.co.uk/boxes/snazzy.html */
    
#cms {
 background:transparent;
  margin:1em;
   padding:0;
   display:block;
    }


#cms p {
	margin:0;
	padding:10px 15px;
	line-height:2em;
	text-align : left;
}


#cms .h { margin:0; padding:10px 15px; font-size:1.3em; color:#60c8d8; padding-bottom:0; font-weight:bold; line-height:0.5em; }


#cms .xctop, #cms .xcbottom {display:block; background:transparent; font-size:1px; }


#cms b { display:block; overflow:hidden; }


#cms .xc1, #cms .xc2, #cms .xc3 {height:1px; }


#cms .xc2, #cms .xc3, #cms .xc4 {background:#FFFFFF; border-left:1px solid #FF9100; border-right:1px solid #FF9100; }


#cms .xc1 { margin:0 5px; background:#FF9100; }


#cms .xc2 { margin:0 3px; border-width:0 2px; }


#cms .xc3 { margin:0 2px; }


#cms .xb4 { height:2px; margin:0 1px; }


#cms .xcboxcontent { display:block; background:#FFFFFF; border:0 solid #FF9100; border-width:0 1px; height:auto; }















/* TOP 新着用 - http://www.cssplay.co.uk/boxes/snazzy.html */
    
#shin {
 background:transparent;
  margin:1em;
   padding:0;
   display:block;
    }


#shin p {
	margin:0;
	padding:10px 15px;
	line-height:2em;
	text-align : left;
}


#shin .h { margin:0; padding:10px 15px; font-size:1.3em; color:#60c8d8; padding-bottom:0; font-weight:bold; line-height:0.5em; }


#shin .xtop, #shin .xbottom {display:block; background:transparent; font-size:1px; }


#shin b { display:block; overflow:hidden; }


#shin .xb1, #shin .xb2, #shin .xb3 {height:1px; }


#shin .xb2, #shin .xb3, #shin .xb4 {background:#FFEEFF; border-left:1px solid #FF9100; border-right:1px solid #FF9100; }


#shin .xb1 { margin:0 5px; background:#FF9100; }


#shin .xb2 { margin:0 3px; border-width:0 2px; }


#shin .xb3 { margin:0 2px; }


#shin .xb4 { height:2px; margin:0 1px; }


#shin .xboxcontent { display:block; background:#FFEEFF; border:0 solid #FF9100; border-width:0 1px; height:auto; }













/*  新着ムービー一覧

=======================================================*/

#shin .smovies {
margin-top: 10px;
margin-left: 20px;
margin-bottom: 0px;
padding: 0px;
width: 124px;
display:block;
display:inline;
float: left;
}

#shin .smovies a {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    }


#shin .smovies a:hover {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    text-decoration:underline;
    }



#shin .img-waku {
position: relative;
left: -3px;
top: -3px;
padding: 3px;
background: #FFFFFF;
display:block;
border: 1px solid #cccccc;
} 

#shin .stars {
	width:122px;
    display:block;
	color:#CC3333;
    text-align:left;
    }

#shin .m_date {
	width:122px;
    display:block;
    text-align:left;
    }

#shin .m_time {
width: 122px;
text-align:left;
font-size: 11px;
display:block;
color:#666633;
}


#shin .m_title {
	width:122px;
    display:block;
    }
    
    
#shin .m_title a:hover {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    text-decoration:underline;
    } 








/* おすすめSnazzy Borders - http://www.cssplay.co.uk/boxes/snazzy.html */
    
#xsnazzyo {
 background:transparent;
  margin:1em;
   padding:0;
   display:block;
    }


#xsnazzyo p {
	margin:0;
	padding:10px 15px;
	line-height:2em;
	text-align : left;
}


#xsnazzyo .h { font-size:1.3em; color:#60c8d8; padding-bottom:0; font-weight:bold; margin:0; padding:10px 15px; line-height:0.5em; }


#xsnazzyo .xtop, #xsnazzyo .xbottom {display:block; background:transparent; font-size:1px; }


#xsnazzyo b { display:block; overflow:hidden; }


#xsnazzyo .xb1, #xsnazzyo .xb2, #xsnazzyo .xb3 {height:1px; }


#xsnazzyo .xb2, #xsnazzyo .xb3, #xsnazzyo .xb4 {background:#FDF5E6; border-left:1px solid #FF9100; border-right:1px solid #FF9100; }


#xsnazzyo .xb1 { margin:0 5px; background:#FF9100; }


#xsnazzyo .xb2 { margin:0 3px; border-width:0 2px; }


#xsnazzyo .xb3 { margin:0 2px; }


#xsnazzyo .xb4 { height:2px; margin:0 1px; }


#xsnazzyo .xboxcontent { display:block; background:#FDF5E6; border:0 solid #FF9100; border-width:0 1px; height:auto; }







/*  おすすめ一覧

=======================================================*/

#xsnazzyo .smovies {
margin-top: 7px;
margin-left: 20px;
margin-bottom: 0px;
padding: 0px;
width: 124px;
display:block;
display:inline;
float: left;
}

#xsnazzyo .img-waku {
position: relative;
left: -3px;
top: -3px;
padding: 3px;
background: #FFFFFF;
display:block;
border: 1px solid #cccccc;
} 

#xsnazzyo .stars {
	width:122px;
    display:block;
	color:#CC3333;
    text-align:left;
    }

#xsnazzyo .m_date {
	width:122px;
    display:block;
    text-align:left;
    }

#xsnazzyo .m_time {
width: 122px;
text-align:left;
font-size: 11px;
display:block;
color:#666633;
}


#xsnazzyo .m_title {
	width:122px;
    display:block;
    }





#xsnazzyo .smovies a {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    }


#xsnazzyo .smovies a:hover {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    text-decoration:underline;
    }

    
#xsnazzyo .m_title a:hover {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    text-decoration:underline;
    } 























/*  ハーモニーアイズ関連一覧

=======================================================*/

    
#xsnazzy2 {
 background:transparent;
  margin:1em;
   padding:0;
   display:block;
    }


#xsnazzy2 p {
	margin:0;
	padding:10px 15px;
	line-height:2em;
	text-align : left;
}


#xsnazzy2 .h { font-size:1.3em; color:#60c8d8; padding-bottom:0; font-weight:bold; margin:0; padding:10px 15px; line-height:0.5em; }


#xsnazzy2 .xtop2, #xsnazzy2 .xbottom {display:block; background:transparent; font-size:1px; }


#xsnazzy2 .xb12, #xsnazzy2 .xb22, #xsnazzy2 .xb32 {height:1px; }


#xsnazzy2 .xb22, #xsnazzy2 .xb32, #xsnazzy2 .xb42 {background:#F0FFFF; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; }


#xsnazzy2 .xb12 { margin:0 5px; background:#C0C0C0; }


#xsnazzy2 .xb22 { margin:0 3px; border-width:0 2px; }


#xsnazzy2 .xb32 { margin:0 2px; }


#xsnazzy2 .xb42 { height:2px; margin:0 1px; }


#xsnazzy2 .xboxcontent2 { display:block; background:#F0FFFF; border:0 solid #C0C0C0; border-width:0 1px; height:auto; }







/*  ハーモニーアイズ関連動画中身

=======================================================*/

#xsnazzy2 .smovies2 {
margin-top: 7px;
margin-left: 20px;
margin-bottom: 0px;
padding: 0px;
width: 124px;
display:block;
display:inline;
float: left;
}

#xsnazzy2 .img-waku2 {
position: relative;
left: -3px;
top: -3px;
padding: 3px;
background: #FFFFFF;
display:block;
border: 1px solid #cccccc;
} 

#xsnazzy2 .stars22 {
	width:122px;
    display:block;
	color:#CC3333;
    text-align:left;
    }

#xsnazzy2 .m_date2 {
	width:122px;
    display:block;
    text-align:left;
    }

#xsnazzy2 .m_time2 {
width: 122px;
text-align:left;
font-size: 11px;
display:block;
color:#666633;
}


#xsnazzy2 .m_title2 {
	width:122px;
    display:block;
    }
    
    



#xsnazzy2 .smovies2 a {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    }


#xsnazzy2 .smovies2 a:hover {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    text-decoration:underline;
    }

    
#xsnazzy2 .m_title2 a:hover {
	color:#FF6600;
    font-size:12px;
    line-height:1.2em;
    text-decoration:underline;
    } 















/* コラボ関連詳細- http://www.cssplay.co.uk/boxes/snazzy.html */
    
#clbt {
 background:transparent;
  margin:1em;
   padding:0;
   display:block;
    }


#clbt .h { margin:0; padding:10px 15px; line-height:2em; }

#clbt p {
	margin:0;
	padding:10px 15px;
	line-height:15px;
	text-align : left;
}


#clbt .h { font-size:1.5em; color:#60c8d8; padding-bottom:0; font-weight:bold; }


#clbt .xtop, #clbt .xbottom {display:block; background:transparent; font-size:1px; }


#clbt b { display:block; overflow:hidden; }


#clbt .xb1, #clbt .xb2, #clbt .xb3 {height:1px; }


#clbt .xb2, #clbt .xb3, #clbt .xb4 {background:#FFFFFF; border-left:1px solid #FF9100; border-right:1px solid #FF9100; }


#clbt .xb1 { margin:0 5px; background:#FF9100; }


#clbt .xb2 { margin:0 3px; border-width:0 2px; }


#clbt .xb3 { margin:0 2px; }


#clbt .xb4 { height:2px; margin:0 1px; }


#clbt .xboxcontent { display:block; background:#FFFFFF; border:0 solid #FF9100; border-width:0 1px; height:auto; }













/*  sub（TOPページの右側）

=======================================================*/

#sub {
    width: 325px;    
    padding:0 0 0 0;
    height: auto !important;
    margin: 0 5px 0 0;
    float:right;
	}




div#right1 a {
	width:325px;
    height:134px;
    display:block;
    background-image:url("../images/right1.gif");
    margin-bottom:5px;
    }


div#right1 a:hover {
    background-position: 0 -134px;
}



div#right11 a {
	width:325px;
    height:134px;
    display:block;
    background-image:url("../images/right11.gif");
    margin-bottom:15px;
    }

div#right11 a:hover {
    background-position: 0 -134px;
}





div#tw {
	width:325px;
    display:block;
    }


div#right1 a:hover {
    background-position: 0 -134px;
}


div#CMMovie {
	margin:5px auto 0 auto;
	width:320px;
    height:280px;
    display:block;
    float:left;
    }


div#rightkifu a {
	margin:5px;
	width:325px;
    height:64px;
    display:block;
    background-image:url("../images/right_kifu.gif");
    }

div#rightkifu a:hover {
    background-position: 0 -64px;
}





div#cm {
	margin:8px auto;
	width:300px;
    height:250px;
    display:block;
    }


div#bloglink {
	margin:30px auto 5px auto;    
	width:280px;
    display:block;
    float:left;
    }


div#bloglink2 {
	padding:5px 5px;
	width:270px;
    height:218px;
    display:block;
    background-color:#F5FFFA;
    border:#cfebff 1px solid;
    }

    

.style100 {
	color:#0000FF;
    }

.style101 {
	line-height:15px;
    }

.style102 a{
	display:block;
	color:#0000FF;
	font-size:10px;
    }

.sty101  {
color:#FF6600;
font-size:12px;
font-weight:600;
}

.blogbox {
	padding:4px; auto;
    line-height:15px;
        }
   
.blogbox a {
    color: #0000FF;
    font-size:12px;
    text-decoration: none;
}

.blogbox a:visited {
	color:#000099;
    font-size:12px;
    text-decoration:none;
    }


.blogbox a:hover, a:active {
    color:#0066FF;
    font-size:12px;
    text-decoration:underline;
}



.blogbox2 {
	padding:4px; auto;
    line-height:15px;
        }
   
.blogbox2 a {
    color: #0000FF;
    font-size:12px;
    text-decoration: none;
}

.blogbox2 a:visited {
	color: #0000FF;
    font-size:12px;
    text-decoration:none;
    }


.blogbox2 a:hover, a:active {
    color:#0066FF;
    font-size:12px;
    text-decoration:underline;
}


div#cm1 a {
	width:325px;
    height:134px;
    display:block;
    background-image:url("../images/cm1.gif");
    }


div#cm1 a:hover {
    background-position: 0 -134px;
}


div#cm2 {
	margin:10px 0px;
	width:325px;
    display:block;
    }


div#cm2 .cm21 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm21.gif");
    }

div#cm2 .cm21 a:hover {
    background-position: 0 -121px;
}



div#cm2 .cm22 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm22.gif");
    }


div#cm2 .cm22 a:hover {
    background-position: 0 -121px;
}



div#cm2 .cm23 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm23.gif");
    }


div#cm2 .cm23 a:hover {
    background-position: 0 -121px;
}


div#cm2 .cm24 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm24.gif");
    }


div#cm2 .cm24 a:hover {
    background-position: 0 -121px;
}




div#cm3 {
	margin:10px 0px;
	width:325px;
    display:block;
    }


div#cm3 .cm21 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm21.gif");
    }

div#cm3 .cm21 a:hover {
    background-position: 0 -121px;
}



div#cm3 .cm22 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm22.gif");
    }


div#cm3 .cm22 a:hover {
    background-position: 0 -121px;
}



div#cm3 .cm23 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm23.gif");
    }


div#cm3 .cm23 a:hover {
    background-position: 0 -121px;
}


div#cm3 .cm24 a{
	margin:10px 5px;
	float:right;
	width:150px;
    height:121px;
    background-image:url("../images/cm24.gif");
    }


div#cm3 .cm24 a:hover {
    background-position: 0 -121px;
}




div#links {
	margin:20px 5px;
	width:325px;
    height:auto;
    display:block;
    background-color:#FAFAD2;
    text-align:center;
    border:1px #CCCCCC solid;
    }



div#links .link {
	float:left;
    margin:4px 3px;
	width:155px;
    height:78px;
    display:block;
    }




div#links .linkb {
	width:155px;
    height:54px;
    display:block;
    text-align:center;
    font-size:10px;
    border:1px #CCCCCC solid;
    }

div#links .linkt {
	height:14px;
    text-align:center;
    font-size:10px;
    }


div#links .linkfull {
	float:left;
    margin:4px 3px;
	width:200px;
    height:78px;
    display:block;
    }


div#links .linkfulls {
	width:200px;
    height:52px;
    display:block;
    text-align:center;
    font-size:10px;
    border:1px #CCCCCC solid;
    }






/*  sidebar

=======================================================*/

#sidebar {
    width: 250px;    
    padding:0px 0 0 0;
    height: auto !important;
    margin: 0 5px 0 0;
    float:right;
	}




div#right2 a {
	margin:10px 0 0 0;
	width:240px;
    height:99px;
    display:block;
    background-image:url("../images/right2.gif");
    }


div#right2 a:hover {
    background-position: 0 -99px;
}


div#bloglinkb {
	margin:15px 0 0 0;
    padding-bottom:10px;
	width:240px;
    display:block;
    background-color:#F5FFFA;
    border:1px #CCCCCC solid;
    }


div#bloglink5 {
	padding:5px 2;
	width:235px;
    display:block;
    }


div#bloglink5 a:link, a:visited {
    color: #0000FF;
    font-size:12px;
    text-decoration: none;
}


div#bloglink5 a:hover, a:active {
    color: #0000FF;
    font-size:12px;
    text-decoration:underline;
}


div#cmb1 a {
	margin:10px 0 0 0;
	width:240px;
    height:90px;
    display:block;
    background-image:url("../images/cmb1.gif");
    }


div#cmb1 a:hover {
    background-position: 0 -90px;
}

div#cmb2 a {
	margin:10px 0 0 0;
	width:240px;
    height:82px;
    display:block;
    background-image:url("../images/cmb2.gif");
    }


div#cmb2 a:hover {
    background-position: 0 -82px;
}


div#cmb3 a {
	margin:10px 0 0 0;
	width:240px;
    height:131px;
    display:block;
    background-image:url("../images/cmb3.gif");
    }


div#cmb3 a:hover {
    background-position: 0 -131px;
}


div#cmb4 a {
	margin:10px 0 0 0;
	width:240px;
    height:70px;
    display:block;
    background-image:url("../images/cm1.gif");
    }


div#cmb4 a:hover {
    background-position: 0 -70px;
}



div#cmb5 a {
	margin:10px 0 0 0;
	width:240px;
    height:70px;
    display:block;
    background-image:url("../images/cm1.gif");
    }


div#cmb5 a:hover {
    background-position: 0 -70px;
}


div#cmb6 a {
	margin:10px 0 0 0;
	width:240px;
    height:70px;
    display:block;
    background-image:url("../images/cm1.gif");
    }


div#cmb6 a:hover {
    background-position: 0 -70px;
}


div#linksb {
	margin:20px 0px;
	width:240px;
    height:auto;
    display:block;
    background-color:#FAFAD2;
    text-align:center;
    border:1px #CCCCCC solid;
    }


div#linksb .link {
    margin:4px auto;
	width:155px;
    height:78px;
    display:block;
    }


div#linksb .linkb {
	width:155px;
    height:54px;
    display:block;
    text-align:center;
    font-size:10px;
    }


div#linksb .linkt {
	height:14px;
    text-align:center;
    font-size:10px;
    }
















/*  list area

=======================================================*/

div#listArea {

    clear: both;

    background: transparent url("../images/list/search_area_shadow_bottom.gif") no-repeat left top;

    padding-top: 15px;

}


div#inquery {
	height:1000px;
}




/*  list area > clip page navigation

=======================================================*/

div#listArea div.clipPageNavigation {

    clear: both;

    text-align: center;

    color: #5d5d5d;

    margin: 0 15px 10px 15px;

}



div#listArea div.clipPageNavigation.top {

    padding-bottom: 10px;

    border-bottom: 1px solid #e4e4e4;

}



div#listArea div.clipPageNavigation.bottom {

    padding-top: 10px;

    margin-bottom: 20px;

    border-top: 1px solid #e4e4e4;

}



div#listArea p.pageCount {

    margin-bottom: 5px;

}



div#listArea div.clipPageNavigation ul {

}



div#listArea div.clipPageNavigation ul,

div#listArea div.clipPageNavigation ul li {

    display: inline;

}







div#listArea div.clipPageNavigation ul li a {

    padding: 5px;

    font-weight: bold;

    text-align: center;

    text-decoration: none;

    line-height: 1em;

    background-color: #eee;

    border: 1px solid #e4e4e4;

    vertical-align: middle;

    text-align: center;



}



div#listArea div.clipPageNavigation ul li a:hover {

    background-color: #ff9900;

    border: 1px solid #ff9900;

    color: #fff;

}



div#listArea div.clipPageNavigation div.nextPage {

    display: inline;

    margin-left: 10px;

    padding-left: 15px;

    line-height: 1em;

    background: transparent url("../images/common/orange_right_arrow.gif") no-repeat left top;

}



div#listArea div.clipPageNavigation div.prevPage {

    display: inline;

    margin-left: 10px;

    padding-left: 15px;

    line-height: 1em;

    background: transparent url("../images/common/orange_left_arrow.gif") no-repeat left top;

}



div#listArea div.clipPageNavigation ul li.currentPage a {

    background-color: #ff9900;

    border: 1px solid #ff9900;

    color: #fff;

}



/*  list area > list wrapper

=======================================================*/



div#listArea div.clipListOne {

    margin: 0 10px 5px 23px;

    width: 426px;

    overflow: hidden;

    background: transparent url("../images/list/clip_list_shadow_bottom.gif") no-repeat left bottom;

    padding-bottom: 9px;
    
    float:left;
    
    display:inline;

}




div#listArea div.clipList {

    margin: 0 auto;

    width: 859px;

    margin-bottom: 10px;

    overflow: hidden;

    background: transparent url("../images/list/clip_list_shadow_bottom.gif") no-repeat left bottom;

    padding-bottom: 9px;

}



/*2 items / 1 row*/

div#listArea div.clipList.lastTwo {

    /*for 3 column design*/

    /*background-image: url("../images/list/clip_list_shadow_last2.gif");*/



    /*for 2 column design*/

    background-image: url("../images/list/clip_list_shadow_bottom.gif");

}



/*3 items / 1 row*/

div#listArea div.clipList.lastOne {

    background-image: url("../images/list/clip_list_shadow_last1.gif");

}



div#listArea div.outerWrapper {

    background: transparent url("../images/list/clip_list_bg2.gif") repeat-y left bottom;

    width: 100%;

    overflow: hidden;

}



div#listArea div.clipList.lastTwo div.outerWrapper {

    /*for 3 column design*/

    /*background-image: url("../images/list/clip_list_bg_last2.gif");*/



    /*for 2 column design*/

    background-image: url("../images/list/clip_list_bg2.gif");

}



div#listArea div.clipList.lastOne div.outerWrapper {

    /*for 3 column design*/

    background-image: url("../images/list/clip_list_bg_last1.gif");



}





/*  list area > list wrapper > clip

=======================================================*/

div.clip {

    float: left;

    /*for 3 column design*/

    /*width: 277px;*/



    /*for 2 column design*/

    width: 422px;



    background: transparent url("../images/list/clip_list_top_shadow_normal.gif") no-repeat left top;

    padding-top: 19px;

}



div.clip.new {

    background-image: url("../images/list/clip_list_top_shadow_new.gif");

}



div.clip.first {

}



div.clip.second {

    margin: 0 14px;

}



div.clip.last {

/*    float: right;*/

/*    margin-left: 15px;*/

}



div.clip div.title {

    margin: 0 5px;

    width: 412px;

    line-height: 30px;

    overflow: hidden;

    background: transparent url("../images/list/clip_dot_line.gif") no-repeat left top;

}



div.clip div.title h5 {

    background: transparent url("../images/list/clip_dot_line.gif") no-repeat left bottom;

    padding: 0 5px;

    font-weight: bold;

    height: 30px;

    overflow: hidden;

    color: #C04A1F;

}





div.clip div.title h5 a {

    color: #C04A1F;

}

div.clip div.categoryAndDate {

    width: 400px;

    padding: 0 10px 0 10px;

    line-height: 30px;

    overflow: hidden;

}



div.clip div.categoryAndDate p.category {

/*    margin: 0 5px;*/

/*    padding: 0 5px;*/

/*    height: 23px;*/

/*    line-height: 23px;*/

    float: left;

}



div.clip div.categoryAndDate p.date {

    float: right;

}





/*div.clip p.category {*/

/*    margin: 0 5px;*/

/*    padding: 0 5px;*/

/*    height: 23px;*/

/*    line-height: 23px;*/

/*}*/



div.clip div.thumbnailAndText {

    width: 390px;

    padding: 10px 15px;

    overflow: hidden;

}



div.clip div.thumbnailAndText img.thumbnail {

    display: block;
    
    position: relative;

    float: left;

    width: 120px;

    height: 90px;

}



div.clip div.thumbnailAndText div.detailAndAuthor {

    width: 260px;

    padding-left: 10px;

    float: right;

}



div.clip div.counter {

    background: transparent url("../images/list/clip_dot_line.gif") no-repeat 4px 0;

    padding-top: 5px;

    text-align: center;

    font-size: 92%;

}



div.clip div.counter span {

    margin: 0 5px;

    color: #e4e4e4;

}

.btn{
	 margin: 0 5px;
}

.underbtn{
	margin:0px auto 20px;
}














/*  footer 
=======================================================*/

div#footer {
	position: relative;  /* triggers bug */
	background-image:url(../images/footer_bg.jpg);
    background-repeat:repeat-x;
    width: 1000px;
    margin: 0px auto;
    color:#FFFFFF;
}

div#footer a:link, a:visited {
    color: #fff;
    font-size:92%;
    font-weight:100;
}


div#footer a:hover, a:active {
    color: #ff6600;
    font-size:92%;
    font-weight:100;
}

div#footer ul {
    width: 700px;
    padding-left: 100px;
    overflow: hidden;
}

div#footer ul li {
    margin-top: 13px;
    float: left;
    padding: 0 10px;
    border-right: 1px solid #0d5d1e;
}