@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.4.1
2010-03-01
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del,
dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label,
legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer,
header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

/*
		common
*/

* {
    box-sizing: border-box;
}

body {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-color: #568C30;
}

h1 {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        font-size: 1.6em;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-weight: bold;
		padding: 5px 10px;
        color: #fff;
        line-height: 1.6em;
		margin-bottom: 10px;
        background: #7C92A6;
        box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 4px 2px inset;
        -webkit-box-shadow:rgba(0,0, 0, 0.6) 1px 1px 4px 2px inset;
        -moz-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 4px 2px inset;
}

h2 {
    color: #333;
    font-size: 28px;
    position: relative;
    padding: 16px 0px;
    margin-bottom: 5px;
    text-align: left;
    border-radius: 10px;
    text-shadow: 0.07em 0.07em 0 rgba(0, 0, 0, 0.2);
}
h2 a {
    color: #F2896D;
}
a {
		color: #F2896D;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#wrapper {
		font-size: 1.0em;
		font-family: ＭＳ Ｐゴシック, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		line-height: 1.2em;
		box-sizing: padding-box;
}

/*
		header
*/
header {
    background: #4C2530;
    border-bottom: 5px solid #854153;
    padding: 20px 0px 50px;
}

header #header_inner {
		width: 800px;
		margin: 0px auto;
		padding: 5px 0px;
    font-size: 3.6em;
   line-height: 1.4em;
  color: #fff;
  font-family: Arvo;
  font-weight: bold;
  text-shadow:
    -3px -3px 0 #222,
    3px -3px 0 #222,
    -3px 3px 0 #222,
    3px 3px 0 #222,
    4px 4px 0 #fff,
    5px 5px 0 #fff,
    6px 6px 0 #fff,
    7px 7px 0 #fff;
  line-height: 0.8em;
  letter-spacing: 0.1em;
  transform: scaleY(0.9);
  -webkit-transform: scaleY(0.9);
  -moz-transform: scaleY(0.9);
  text-align: left;
}
header a  {
    text-decoration: none;
}


/*
		main
*/

#container {
		margin: 0 auto 0px;
		max-width: 850px;
		min-height: 800px;
        padding: 10px;
		box-sizing: padding-box;
        border-left: 5px solid #999;
        border-right: 5px solid #999;
        background: #ccc;
}
article {
		width: 70%;
		padding: 10px;
		float: left;
		box-sizing: padding-box;
        line-height: 1.6em;
        background-color: rgba( 255, 255, 255, 1 );
        color: #333;
        font-size: 1.2em;
        box-shadow:rgba(68, 85, 107, 0.2) 1px 1px 3px 2px;
}
article > div {
		margin-bottom: 20px;
        line-height: 1.6em;
        padding: 10px;
        color: #333;
}
article > div > div {
		margin-bottom: 5px;
}
article ul {
	list-style: none;
	margin-bottom: 20px;
}
article ul li {
	margin-bottom: 10px;
}
/*
		whatnew
*/
.whatnew .date {
    display: inline-block;
    margin-right: 10px;
}
.whatnew .wnTitle {
    display: inline-block;
}
 ul.whatnew {
    color:#000;
}
.whatnew li {
    margin-bottom: 10px;
    padding: 5px;
}
.whatnew li {
    color: #F2896D;
    display: block;
    padding: 2px 5px;
    font-size: 1.2em;
}
.whatnew li:hover {
    color: #fff;
    text-decoration: none;
    background: #F2896D;
    transition: 400ms;
}

/* Hides from IE-mac \*/
* html .whatnew li{ height: 1%; }
.whatnew li { display: block; }
/* End hide from IE-mac */

/*
		side
*/
.side {
		width: 25%;
		float: right;
		padding: 10px;
		box-sizing: padding-box;
        background-color: rgba( 255, 255, 255, 0.75 );
        box-shadow:rgba(68, 85, 107, 0.2) 1px 1px 3px 2px;
}

.side aside h3 {
		padding: 5px;
		color: #fff;
        font-size: 1.2em;
        margin-bottom: 10px;
        background: #7C92A6;
        box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 4px 2px inset;
        -webkit-box-shadow:rgba(0,0, 0, 0.6) 1px 1px 4px 2px inset;
        -moz-box-shadow:rgba(0, 0, 0, 0.6) 1px 1px 4px 2px inset;
}

.side ul {
		list-style: none;
		margin-bottom: 20px;
}
.side ul li {
		margin-bottom: 2px;
        border-bottom: 1px dotted #fff;
        padding: 2px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.side ul li a:before {
    content: "\f101";
    padding-right: 5px;
    text-decoration: none;
}
.side ul li a {
        color: #F2896D;
        display: block;
        padding: 2px 5px;
        font-size: 1.0em;
        text-decoration: none;
}
.side ul li a:hover {
        color: #fff;
        text-decoration: none;
        background: #F2896D;
        transition: 400ms;
        padding: 2px 5px;
}
article ul {
		list-style: none;
		margin-bottom: 20px;

}
article ul li {
		margin-bottom: 0px;
        border-bottom: 1px dotted #fff;
        padding: 5px;
}
article ul li a {
    color: #F2896D;
    display: block;
    padding: 2px;
}
article ul li a:hover {
    color: #fff;
    text-decoration: none;
    background: #F2896D;
}
/*
		footer
*/

footer {
    background: #4C2530;
    border-top: 5px solid #854153;
}
footer #footer_inner {
	max-width: 850px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0px 10px;
	color: #fff;
}
footer #footer_inner a {
	color: #fff;
}

/*
		media
*/
@media (max-width: 1000px) {
    header #header_inner {
        width: 100%;
    }
	article {
		float: none;
		width: 100%;
	}
	.side {
		float: none;
		width: 100%;
	}
}