@charset "UTF-8";

/*  ==============================================================	*/
/*                                                                 	*/
/*    サブページ　「01gaiyo」　「02archive」						*/
/*                                                                 	*/
/*  ==============================================================	*/



*{
		margin: 0;
		padding: 0;
		}

/* render html5 elements as block */
header, footer, section, aside, nav, article{
	display: block;
}

body{
		background-color : #dddddd;
		background-image : url(../images/bg.jpg);
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0% 0%;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		color : #333333;
		font-size : 15px;
		}
	
/* layout */

#wrapper{
		width: 940px;
		margin : 0px auto 5px;
		-webkit-box-shadow: 3px 3px 7px #777;
		-moz-box-shadow: 3px 3px 7px #777;
		}

nav{
		width: 940px;
		height: 50px;
		margin: 0 auto;
		background: #000066;
		}

header{
		width: 940px;
		height: 50px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		background-color: #ffffff;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: left top;
		background-image: url(../images/headerimg1.jpg);
		}


#main{
		width: 940px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding-top: 30px;
		background-color: #e3e1e4;
		background-image : url(../images/colbg.png);
		background-repeat: repeat-y;
		background-attachment: scroll;
		background-position: 0% 0%;
		overflow: hidden;
	}

#content{
		float: left;
		width: 640px;
		margin-left: 30px;
		}

#sidebar{
		float: right;
		padding-left: 20px;
		width: 220px;
		}

footer{
		width: 940px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		clear: both;
		height: 30px;
		}
/* basics */

h1,h2,h3,h4,h5,h6{
		font-weight: bold;
		clear: both;
		color: #333;
		}

a:link, a:visited{
		color: #6569a9;
		}

a:hover, a:active{
		color : #ff0000;
		}

p{
		margin-bottom: 18px;
		}

li{
		padding-left: 5px;

		}

/* nav */

nav .menu{
		font-size: 16px;
		font-weight: bold;
		}

nav .menu ul{
		margin: 0;
		padding: 17px 0 0 20px;
		list-style: none;
		line-height: normal;
		}

nav .menu li{
		display: block;
		float: left;
		color: #81F4EE;
		}

nav .menu a{
		display: block;
		float: left;
		margin-right: 5px;
		padding: 0px 15px;
		text-decoration: none;
		color: #FFF;
		}

nav .menu a:hover{
		text-decoration: underline;
		}

/** HEADER */



/** ARTICLES **/
#content p, ul, ol, hr{
		margin-bottom: 24px;
		margin-left:40px;
		}

#content ul ul, ol ol, ul ol, ol ul{
		margin-bottom: 0;
		}

#content h1, h2, h3, h4, h5, h6{
		color: #333;
		margin: 0 0 20px 0;
		line-height: 1.5em;
		  
		}

#content h2{
		color: #333333;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		line-height: 1.8em;
		border-left-width: 15px;
		border-left-style: solid;
		border-left-color: #ffbbff;
		padding-left: 10px;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
		border-bottom-color: #ff8cff;
		background-color: #ffe8ff;
		}
		
#content h3{
		margin-left:30px;
		}

.alignleft, img.alignleft{
		display: inline;
		float: left;
		margin-right: 10px;
		}

.alignright, img.alignright{
		display: inline;
		float: right;
		margin-left: 10px;
		}

.aligncenter, img.aligncenter{
		clear: both;
		display: block;
		margin-left: auto;
		margin-right: auto;
		}

img.alignleft, img.alignright, img.aligncenter{
		margin-bottom: 12px;
		}

/* sidebar and footer widget blocks */

aside h3{
		font-size: 18px;
		}

aside ul{
		list-style: none;
		margin-bottom: 20px;
		margin-top: -15px;
		}

#footer-area{
		background: #333;
		color: #FFF;
		font-size: 90%;
		padding: 18px 0;
		overflow: hidden;

		}

.footer-segment{
		float: left;
		margin-right: 20px;
		margin-left: 20px;
		width: 190px;
		}

footer aside h4{
		color: #FFF;
		font-size: 16px;
		line-height: 1.5em;
		}

footer a:link, footer a:visited{
		color: #E3E1E4;
		}
		
footer a:hover, a:active{
		color : #FE93FE;
		}

footer p{
		margin-top: -15px;
		}

div.blocka{
	   float: left;  /* 左端に配置 */
	   width: 50%;
		}
		
div.blockb{
	   float: right;  /* 右端に配置 */
	   width: 50%;
	  
		}
.topicpath{
		font-size: 90%;
		text-align: left;
		margin-top: -20px;
		margin-left: -20px;

		}
		
.topicpath ol li{
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
		}

.topicpath ol li::before{
        /* liの前に記号追加 */
        content: " > ";
		}

.topicpath ol li:first-child::before{
        /* 最初のliだけcontentを消す */
        content:"";
}
.totop{
		text-align: right;
		margin-right: -10px;
		margin-bottom: 10px;
		margin-top: 20px;
		}

table{
		border : 1px solid #5e5e5e;
		border-collapse : collapse;
		padding: 5px;
		margin-left: 30px;
		  
		}
td{
		border-width : 1px;border-style : solid;border-color : #5e5e5e;
	  	padding : 8px;
	 	}

.cellcolor{
		  background-color : #f0f0f7;
		}
		
div.blockc{
	/*"幅800px指定"*/margin-top : 20px;
		 width : 80%;
		 padding-left : 20px;
		 left : 100px;
		 margin-left : 30px;
		 }

#content img{
		margin-right : 10px;
		margin-left : 10px;
		}

.photo{
		 float : left;
		 border-width : 1px;
		 border-style : solid;
		 border-color : #cccccc;
		 box-shadow : 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
}