@charset "utf-8";

@import url(default.css);
@import url(base.css);


	#contentheader{margin-bottom:40px;}

		#contentheader h1{width:380px;}
		.flexible #contentheader h1{width:285px;}
		.active-sp #contentheader h1{width:190px;}
		
		.flexible #contentheader h1 img{width:285px;}
		.active-sp #contentheader h1 img{width:190px;}

		.flexible#indexlist #contentmain{
			width:750px;
			margin:15px auto 0;
		}
		.active#indexlist #contentmain{
			width:650px;
			padding-top:5px;
		}
		.active-sp#indexlist #contentmain{
			width:92%;
		}
		
		#indexlist #contentmain h1#label-newslist{
			width:70px;
			margin-right:30px;
			float:left;			
		}
		.flexible#indexlist #contentmain h1#label-newslist{
			position:relative;
			top:55px;
		}
		.active#indexlist #contentmain h1#label-newslist{
			margin-top:10px;
			float:none;
			position:relative;
			top:0;
		}

		#indexlist #newslist{
			width:650px;
			float:left;			
			border-top:1px dotted #ccc;
		}
		.active#indexlist #newslist{
			width:100%;
			margin:0 auto;
		}

			#indexlist #newslist li{
				list-style:none;
				padding:10px 5px;
				border-bottom:1px dotted #ccc;
			}
		
		#sidebar{
			width:170px;
			float:right;
			background:#fff;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			-moz-box-shadow:0px 0px 3px 0px #aaa;
			-webkit-box-shadow:0px 0px 3px 0px #aaa;
			box-shadow:0px 0px 3px 0px #aaa;
		}
		
		.flexible #sidebar{
			clear:both;
			width:290px;
			margin:0 auto 20px;
			position:relative;
			top:10px;
			-moz-border-radius:0;
			-webkit-border-radius:0;
			border-radius:0;
			-moz-box-shadow:0px 0px 0px 0px #aaa;
			-webkit-box-shadow:0px 0px 0px 0px #aaa;
			box-shadow:0px 0px 0px 0px #aaa;
		}
		
			 #sidebar h1{
				width:140px;
				height:24px;
				text-align:center;
				margin:0 auto;
				background:#8fa0cc;
				float:none;
			}
			
				#sidebar h1 img{width:100px;}

			.flexible #sidebar h1{
				clear:both;
				width:100px;
				margin:5px 0 0 10px;
				float:left;
			}

			#sidebar ul{
				margin:10px 0 20px 15px;
			}
		
			.flexible #sidebar ul{
				width:170px;
				float:right;
				padding:5px 0;
				margin:0;
				height:25px;
				overflow:auto;
			}
		

				#sidebar li{
					list-style:none;
					margin:0 0 2px;
					padding-left:15px;
					background:url(../shared/dot_box-grayblue.gif) no-repeat 0 11px;
				}

					#sidebar li a{text-decoration:none;}
					#sidebar li a:hover{text-decoration:underline;}


				#link-to-list{
					background:#0d318f;
					width:140px;
					height:22px;
					margin:0 auto 15px;
					padding:3px 0 0;
					text-align:center;					
				}
				.flexible #link-to-list{
					width:100px;
					position:relative;
					margin:0 0 -25px;
					left:-100px;
					top:5px;
				}

					#link-to-list a{
						display:block;
						color:#fff;
						font-size:90%;
						text-decoration:none;
						
					}
						


	/* 詳細 */

		#detail #entrybody{
			width:750px;
			margin-left:10px;
			float:left;
			background:#fff;
		}
		#detail #entrybody h3 {
			width:90%;
			margin:20px auto 10px;
			font-size:1.2em;
			font-weight:bold;
			}
		#detail #entrybody p {
			width:85%;
			margin:0 auto 20px;
			line-height:1.8em;
			}
		
		.flexible#detail #entrybody{
			clear:both;
			margin:0 auto
			float:none;
		}
		.active#detail #entrybody{width:96%;}
	
			#detail #entrybody h1{
				font-size:140%;
				font-weight:bold;
			}

				.fleximage img{
					width:100%;
				}

			#lbl-archive{
				font-weight:bold;
				font-size:120%;
				margin:5px;
			}