@charset "utf-8";



/*  undo browser HTML defaults + generic styles
---------------------------------------------------------- */

body {
	color:#666666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0;
	padding: 0;
	background: url(../images/paper.gif);	
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}



a img {
	border: 0;
}




a {
	text-decoration:none;
}



ul, ol {
	list-style:none;
	padding-top: 0;
	margin-top: 0;
	padding-left: 0;
	margin-left: 0;	
	line-height: 24px;
}







h1 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}



h2 {
	color: #444444;
	font-size: 16px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
	margin: 0;
	padding: 0;
}



h3 {
	font-size: 13px;
	margin: 0;
	padding: 0;
}
	


h4 {
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}



.pbold{
	font-weight: bold;
}




.s08{
	font-size: 8px;
}



.s10{
	font-size: 10px;
}



.s11{
	font-size: 11px;
}






.36b{
	font-size: 36px;
	font-weight: bold;
}


.12_normal{
	font-size: 12px;
	font-weight:normal;
}



.12_l_gray{
	font-size: 12px;
	color: #999999;
}


.red{
	color:#CC0033;
}


.red_normal{
	color:#CC0033;
	font-weight:normal;
}


.red_bold{
	color:#CC0033;
	font-weight: bold;
}

.lightgray{
	color:#999999;
}




.indent_30{
	text-indent: 30px;
}



a:link{
	color: #006699;
}



a:hover{
	color: #0053ff;
	text-decoration: underline;
}



a:visited{
	color:#006699;
}






#wrapper {
	margin-top: 25px;
	margin-right:auto;
	margin-left:auto;
	width: 800px;
	height:auto;
}







#masthead {
	float: left;
	margin-top: 5px;
	margin-bottom: 0px;
}





ul.mainNav {
	float: left;
	height: 52px;
	margin: 10px 0 0 0;
	padding: 0;
}


ul.mainNav li {

	float: left;
	top: 45px;	
}





/
#header {
	clear: both;
	width: 800px;
	height: 39px;
	margin: 0;
	padding: 0;
}




#page_title {
	color: #555555;
	/*font-size: 14px;
	font-weight: bold;*/
	text-align:left;
	margin-left: 30px;
	margin-top: 12px;
}





#date {
	font-size: 12px;
	text-align: right;
	color: #777777;
	margin-top: -15px;
	margin-right:15px;
}







#profile_theme {
	background: url(../images/header/profile_title_l.gif) 100% 100% no-repeat;
	float: left;
	width:207px;
	height: 39px;
	margin: 0;
	padding: 0;
}



#profile_header {
	background: url(../images/header/profile_hdr_l.gif) 100% 100% no-repeat;
	float:right;
	width:593px;
	height: 39px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}







#works_theme {
	background: url(../images/header/works_title.gif) 100% 100% no-repeat;
	float: left;
	width:207px;
	height: 39px;
	margin: 0;
	padding: 0;
}


#works_header {
	background: url(../images/header/works_header.gif) 100% 100% no-repeat;
	float: right;
	width: 593px;
	height: 39px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}







#goods_theme {
	background: url(../images/header/goods_title.gif) 100% 100% no-repeat;
	float: left;
	width: 207px;
	height: 39px;
	margin: 0;
	padding: 0;
}


#goods_header {
	background: url(../images/header/goods_hdr.gif) 100% 100% no-repeat;
	float: right;
	width: 593px;
	height: 39px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}







#event_theme {
	background: url(../images/header/event_title.gif)100% 100% no-repeat;
	float: left;
	width: 207px;
	height: 39px;
	margin: 0;
	padding: 0;
}


#event_header {
	background: url(../images/header/event_hdr.gif) 100% 100% no-repeat;
	float: right;
	width: 593px;
	height: 39px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}








#diary_theme {
	background: url(../images/header/diary_title.gif)100% 100% no-repeat;
	float: left;
	width: 207px;
	height: 39px;
	margin: 0;
	padding: 0;
}


#diary_header {
	background: url(../images/header/diary_hdr.gif) 100% 100% no-repeat;
	float: right;
	width: 593px;
	height: 39px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}



.diary_height_adjuster{
	float:right;
	margin-top: 40px;
	margin-right: 30px;
	margin-bottom: 15px;
	width: 553px;
	text-align: right;
	}





#ojigi_theme {
	background: url(../images/header/ojigi_title.gif)100% 100% no-repeat;
	float: left;
	width: 207px;
	height: 39px;
	margin: 0;
	padding: 0;
}


#ojigi_header {
	background: url(../images/header/ojigi_hdr.gif) 100% 100% no-repeat;
	float: right;
	width: 593px;
	height: 39px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}






/* -- その他：テーマとヘッダー用背景画像 ---*/

#sonota_theme {
	background: url(../images/header/sonota_title.gif) 100% 100% no-repeat;
	float: left;
	width:207px;
	height: 39px;
	margin: 0;
	padding: 0;
}



#sonota_header {
	background: url(../images/header/sonota_hdr.gif) 100% 100% no-repeat;
	float:right;
	width:593px;
	height: 39px;
	font-size: 16px;
	margin: 0;
	padding: 0;
}






#contents_wrapper {
	float: left;
	background: url(../images/contents_bkg_l.gif) repeat-y;
	margin: 0;
	padding: 0;
	width: 800px;
	height: auto;
}






#left_sidebar {
	float: left;
	width: 207px;
	height: 100px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
		/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;
}


.box_sidebar_works {
	float:left;
	width: 207px;
	margin: 0;
	height:100px;
	text-align: left;
	margin-left: 10px;
	padding-bottom:20px;
	padding-top: 30px;
	background: url(../images/OJG_FSH.gif) no-repeat;
	background-position: bottom left;
	padding-left: 0;
/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}





#go_workspagetop {
	background: url(../images/contents_bkg_l.gif) repeat-y;
	height: 50px;
	margin: 0;
	color: #add5df;
	padding-left: 20px;
	clear:both;
	width: 780px;
}





#go_goodspagetop {
	background: url(../images/contents_bkg_l.gif) repeat-y;
	height: 50px;
	margin: 0;
	color: #e7bc46;
	padding-left: 20px;
	clear:both;
	width: 780px;
}




.box_sidebar_profile {
	float:left;
	width: 177px;
	margin: 0;
	height:100px;
	text-align: left;
	margin-left: 10px;
	padding-bottom:20px;
	padding-top: 30px;
	background: url(../images/ojg_ball.gif) no-repeat;
	background-position: bottom left;
	padding-left: 0;
/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}







.box_sidebar_works {
	float:left;
	width: 207px;
	margin: 0;
	height:100px;
	text-align: left;
	margin-left: 10px;
	padding-bottom:20px;
	padding-top: 30px;
	background: url(../images/OJG_FSH.gif) no-repeat;
	background-position: bottom left;
	padding-left: 0;
/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}






li.indent_20 {
	/*font-weight: bold;*/
	text-indent:20px;
}


ul.indent_25 {
	text-indent:25px;
}





.dline_profile {
	color: #e39b93;
	margin-left: 20px;
	
}


.dline_work {
	color: #77b9ca;
}


.dline_goods {
	color: #e7bc46;
}

.dline_ojigi {
	color: #7ba7d5;
	margin-left: 20px;	
}



.dline_link {
	color: #999999;
	margin-left: 20px;	
}








#contents_a {
	float:right;
	margin: 0;
	padding: 0;
	width: 593px;
	height: 330px;
}




#contents_works {
	float:right;
	padding-top: 50px;
	padding-left:30px;
	width: 553px;
	height: 430px;
}


#contents_works2 {
	float:right;
	margin: 0;
	padding: 0;
	width: 593px;
	height: 330px;
}





#contents_event {
	float:right;
	padding-top: 30px;
	padding-left:30px;
	width: 553px;
	height: 430px;
}




#contents_b {
	float:right;
	padding-top: 30px;
	padding-left:30px;
	width: 553px;
	height: auto;
}




#contents_goods {
	float:right;
	padding-top: 30px;
	padding-left:30px;
	padding-bottom:30px;
	width: 553px;
	height: auto;
}






#image_box_1 {
	float: left;
	display: block;
	width: 229px;
	text-align:center;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 30px;
	margin-bottom: 20px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;
}



#image_box {
	float: left;
	display: block;
	width: 229px;
	text-align:center;
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;
}





#image_box p {
	font-size: 10px;
	text-align: center;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	clear: both;
}





#flash_box {
	float: left;
	display: block;
	width: 300px;
	text-align:center;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;
}




#left_arrow {
	float: left;
	width: 56px;
	margin-top: 0;
	margin-right: 56px;
	margin-bottom: 10px;	
}





#right_arrow {
	float: right;
	width: 61px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 56px;
}








.picture_top_left {
	float: left;
	width: 160px;
	margin: 0px 20px 25px 0px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}



.picture_top {
	float: left;
	width: 155px;
	margin: 0px 20px 25px 0px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}


.picture_top_left p {
	font: 1.1em/normal "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	margin: 10px 0 0 0;
	height: 3em;
}


.picture_top p {
	font: 1.1em/normal "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	margin: 10px 0 0 0;
	height: 3em;
}





#items_goods {
	float:right;
	margin-bottom: 60px;
	padding: 0;
	width: 563px;
	height: auto;
}


#items_goods_s {
	float:right;
	margin-bottom: 30px;
	padding: 0;
	width: 563px;
	height: auto;
}




.figure {
	float: left;
	width: 180px;
	margin: 10px 20px 5px 0px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}


.figure p {
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	margin: 10px 0 0 0;
	height: 3em;
}


/*作品紹介、グッズページ内の写真*/
.photo {
		text-align: center;
}





#thumbnail_container {
	float: right;
	width: 583px;
	height: auto;
	margin-left:10px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}


.thumbnail {
	float: left;
	width: 70px;
	margin: 10px 10px 20px 15px;
	/* FIX IE5 and 6 double-margin bug-----*/
	display: inline;	
}




.tobira {
	float:right;
	margin-top: 190px;
	margin-right: 30px;
	margin-bottom: 15px;
	width: 553px;
	text-align: right;
}


.tobira_top_100{
	float:right;
	margin-top: 100px;
	margin-right: 30px;
	margin-bottom: 15px;
	width: 553px;
	text-align: right;
	}
	
	
.tobira_top_150{
	float:right;
	margin-top: 150px;
	margin-right: 30px;
	margin-bottom: 15px;
	width: 553px;
	text-align: right;
	}	

.tobira_no_margin_top {
	float:right;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 15px;
	width: 553px;
	text-align: right;
}




#comment {
	float: left;
	width: 290px;
	margin-top: 25px;
	height: auto;
}


#comment p {
	margin: 0;
	padding: 0;
	color: #666666;
	/*font-size: 12px;*/
	text-align: left;
	line-height: 1.5em;
}





#comment_profile_1{
	float: right;
	width: 320px;
	margin-top: 25px;
	margin-right: 10px;
	height: auto;
}

#comment_profile{
	float: left;
	width: 300px;
	margin-top: 25px;
	height: auto;
}


#comment_flash{
	float: left;
	width: 230px;
	margin-top: 25px;
	margin-right: 15px;
	height: auto;
}


#comment_profile p {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 12px;
	text-align: left;
	line-height: 2em;
}






.comment_goods_tp_r {
	float: right;
	width: 310px;
	/*margin-top: 10px;
	margin-right:20px;*/
	padding-top: 10px;
	padding-right: 50px;
	height: auto;
}

.comment_goods_tp p {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 12px;
	text-align: left;
	line-height: 1.5em;
}






.comment_event {
	float: left;
	width: 500px;
	margin: 0;
	padding-left: 10px;
	height: auto;
}


.comment_event p {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 12px;
	text-align: left;
	line-height: 2em;
}






.works_subtitle_top{
	border-bottom-style: solid;
	border-bottom-color: #add5df;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}


.works_subtitle{
	border-bottom-style: solid;
	border-bottom-color: #add5df;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-top: 60px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}




.goods_subtitle_top{
	border-bottom-style: solid;
	border-bottom-color: #efd787;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}



.goods_subtitle{
	border-bottom-style: solid;
	border-bottom-color: #efd787;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-top: 60px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}





.event_subtitle_top{
	border-bottom-style: solid;
	border-bottom-color: #f8d0a2;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}



.event_subtitle{
	border-bottom-style: solid;
	border-bottom-color: #f8d0a2;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-top: 60px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}




.link_subtitle_top{
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}



.link_subtitle{
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-width: 3px;
	float: left;
	width: 500px;
	margin-top: 50px;
	margin-bottom: 10px;
	height: auto;
	padding-left: 10px;
}



.link_table{
	border:1px solid #663000;
	birder-cikkaose: separate;
	background-color: #FFFFFF;
	width: 450px;
}



#contents_bottom {
	background: url(../images//contents_bottom_l.gif) 100% 100% no-repeat;
	margin: 0;
	padding: 0;
	clear:both;
	width: 800px;
	height:12px;
}






#footer {
	clear: both;
	padding-top: 5px;
	margin: 0;
}


#footer p {
	color: #888888;
	font-size: 10px;
	text-align: center;
	line-height: 1.5em;
}







.highslide {
	cursor: url(../shared/scripts/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;  
    border: 2px solid white;
    border-top: none;
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 16px;
    font-size: 12px;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(../shared/scripts/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url../shared/scripts/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
	
}

/* These must always be last */
.highslide-display-block {
    display: block;
	
.highslide-display-none {
    display: none;
	

}


