/* color = red */
#red .article .text a { color: #DD0000; }
#red a:hover,
#red .article .text a:hover { color: #D30808; }
#red .bg-color,
#red #side-left .category,
#red #side-left .banner,
#red #side-left .comment,
#red #side-left .search,
#red #side-left .copyleft,
#red #side-left .counter,
#red #side-right .category,
#red #side-right .banner,
#red #side-right .comment,
#red #side-right .search,
#red #side-right .copyright,
#red #side-right .counter { background: #D30808; }
#red h2 { border-bottom: 1px dotted #D30808; }


/* color = blue */
#blue .article .text a { color: #0000FF; }
#blue a:hover,
#blue .article .text a:hover { color: #1616BC; }
#blue .bg-color,
#blue #side-left .category,
#blue #side-left .banner,
#blue #side-left .comment,
#blue #side-left .search,
#blue #side-left .copyleft,
#blue #side-left .counter,
#blue #side-right .category,
#blue #side-right .banner,
#blue #side-right .comment,
#blue #side-right .search,
#blue #side-right .copyright,
#blue #side-right .counter { background: #1616BC; }
#blue h2 { border-bottom: 1px dotted #1616BC; }


/* color = green */
#green .article .text a { color: #009900; }
#green a:hover,
#green .article .text a:hover { color: #0C7C0C; }
#green .bg-color,
#green #side-left .category,
#green #side-left .banner,
#green #side-left .comment,
#green #side-left .search,
#green #side-left .copyleft,
#green #side-left .counter,
#green #side-right .category,
#green #side-right .banner,
#green #side-right .comment,
#green #side-right .search,
#green #side-right .copyright,
#green #side-right .counter { background: #0C7C0C; }
#green h2 { border-bottom: 1px dotted #0C7C0C; }


/* color = purple */
#purple .article .text a { color: #9B0399; }
#purple a:hover,
#purple .article .text a:hover { color: #70076E; }
#purple .bg-color,
#purple #side-left .category,
#purple #side-left .banner,
#purple #side-left .comment,
#purple #side-left .search,
#purple #side-left .copyleft,
#purple #side-left .counter,
#purple #side-right .category,
#purple #side-right .banner,
#purple #side-right .comment,
#purple #side-right .search,
#purple #side-right .copyright,
#purple #side-right .counter { background: #70076E; }
#purple h2 { border-bottom: 1px dotted #70076E; }


/* color = gray */
#gray .article .text a { color: #777777; }
#gray a:hover,
#gray .article .text a:hover { color: #666666; }
#gray .bg-color,
#gray #side-left .category,
#gray #side-left .banner,
#gray #side-left .comment,
#gray #side-left .search,
#gray #side-left .copyleft,
#gray #side-left .counter,
#gray #side-right .category,
#gray #side-right .banner,
#gray #side-right .comment,
#gray #side-right .search,
#gray #side-right .copyright,
#gray #side-right .counter { background: #666666; }
#gray h2 { border-bottom: 1px dotted #666666; }


/* color = olive */
#olive .article .text a { color: #898926; }
#olive a:hover,
#olive .article .text a:hover { color: #939320; }
#olive .bg-color,
#olive #side-left .category,
#olive #side-left .banner,
#olive #side-left .comment,
#olive #side-left .search,
#olive #side-left .copyleft,
#olive #side-left .counter,
#olive #side-right .category,
#olive #side-right .banner,
#olive #side-right .comment,
#olive #side-right .search,
#olive #side-right .copyright,
#olive #side-right .counter { background: #939320; }
#olive h2 { border-bottom: 1px dotted #939320; }


/* color = orange */
#orange .article .text a { color: #EF8002; }
#orange a:hover,
#orange .article .text a:hover { color: #F76F00; }
#orange .bg-color,
#orange #side-left .category,
#orange #side-left .banner,
#orange #side-left .comment,
#orange #side-left .search,
#orange #side-left .copyleft,
#orange #side-left .counter,
#orange #side-right .category,
#orange #side-right .banner,
#orange #side-right .comment,
#orange #side-right .search,
#orange #side-right .copyright,
#orange #side-right .counter { background: #F76F00; }
#orange h2 { border-bottom: 1px dotted #F76F00; }


/* color = salmon */
#salmon .article .text a { color: #F76D3B; }
#salmon a:hover,
#salmon .article .text a:hover { color: #F79476; }
#salmon .bg-color,
#salmon #side-left .category,
#salmon #side-left .banner,
#salmon #side-left .comment,
#salmon #side-left .search,
#salmon #side-left .copyleft,
#salmon #side-left .counter,
#salmon #side-right .category,
#salmon #side-right .banner,
#salmon #side-right .comment,
#salmon #side-right .search,
#salmon #side-right .copyright,
#salmon #side-right .counter { background: #F79476; }
#salmon h2 { border-bottom: 1px dotted #F79476; }


/* color = black */
#black .article .text a { color: #555555; }
#black a:hover,
#black .article .text a:hover { color: #000000; }
#black .bg-color,
#black #side-left .category,
#black #side-left .banner,
#black #side-left .comment,
#black #side-left .search,
#black #side-left .copyleft,
#black #side-left .counter,
#black #side-right .category,
#black #side-right .banner,
#black #side-right .comment,
#black #side-right .search,
#black #side-right .copyright,
#black #side-right .counter { background: #000000; }
#black h2 { border-bottom: 1px dotted #000000; }


/* all */
body {
	background: #EEEEEE;
}

a {
	color: #0000FF;
}

a:hover {
	color: #8F0CFC;
	text-decoration: underline;
}

#container {
	background: #FFFFFF;
	border-left:1px solid #AAAAAA;
	border-right:1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	width: 900px;
	text-align: center;
	margin: 0 auto;
	min-height:600px;
}


/* header */
#header {
	text-align: left;
	margin: 0 0 20px;
}

#header h1 {
	font-size: 19px;
	letter-spacing: 0.05em;
	padding: 25px 25px 5px;
}

#header h1 a {
	color: #000000;
}

#header .search {
	display: none;
	padding: 7px 20px;
	margin: 0 0 10px;
}

#header .search input[type="text"] {
	width: 250px;
}

#header .image img {
	max-width: 900px;
}

#header .free {
	
}


/* main */
#main {
}


/* side */
#side-left {
	width: 220px;
	float: left;
	text-align: left;
	margin: 0 0 0 20px;
}

#side-right {
	width: 220px;
	float: right;
	text-align: left;
	margin: 0 20px 0 0;
}

#side-left a,
#side-right a {
	color: #FFFFFF;
}

#side-left a:hover,
#side-right a:hover {
	color: #FFFFFF;
}

#side-left .category,
#side-right .category {
	padding: 10px;
}

#side-left .category li,
#side-right .category li {
	font-size: 13px;
	letter-spacing: 0.05em;
	padding: 10px 10px 5px 5px;
	margin: 0;
}

#side-left .comment,
#side-right .comment {
	margin: 0;
	padding: 10px 15px;
}

#side-left .comment li,
#side-right .comment li {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: 1px dotted #CCCCCC;
}

#side-left .comment li a,
#side-right .comment li a {
	color: #FFFFFF;
}

#side-left .comment li.title,
#side-right .comment li.title {
	padding: 7px 0;
	color: #FFFFFF;
	font-weight: bold;
	border-top: 1px dotted #CCCCCC;
}

#side-left .comment li .date,
#side-right .comment li .date {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 150%;
	text-align: left;
	margin: 0 0 2px;
	padding: 0;
}

#side-left .banner,
#side-right .banner {
	padding: 5px 10px 10px;
}

#side-left .banner li,
#side-right .banner li {
	font-size: 13px;
	margin: 0 0 0px;
	padding: 0;
}

#side-left .banner li img,
#side-right .banner li img {
	max-width: 200px;
}

#side-left .search,
#side-right .search {
	padding: 5px 10px 15px;
}

#side-left .counter,
#side-right .counter {
	font-family: Arial,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	color: #FFFFFF;
	font-size: 11px; 
	letter-spacing: 0.05em;
	line-height: 170%;
	padding: 5px 10px 20px;
}

#side-left .free1,
#side-left .free2,
#side-right .free1,
#side-right .free2 {
	color: #000000;
	font-size: 13px;
	line-height: 150%;
}


/* content */
#content {
	width: 620px;
	float: left;
	text-align: left;
	margin: 0 0 0 20px;
}

#content .pankuzu {
	color: #0000FF;
	font-size: 11px;
	letter-spacing: 0.05em;
	margin: 0 0 25px;
	padding: 0 5px;
}

#content .free1,
#content .free2 {
	color: #000000;
	font-size: 13px;
	line-height: 150%;
}

#content .newimage {
	margin: 0 0 20px 5px;
}

#content .newimage .row3 a {
	float: left;
	overflow: hidden;
	display: block;
	width: 198px;
	height: 198px;
	margin: 0 7px 7px 0;
}

#content .newimage .row5 a {
	float: left;
	overflow: hidden;
	display: block;
	width: 116px;
	height: 116px;
	margin: 0 7px 7px 0;
}

#content .newimage .row7 a {
	float: left;
	overflow: hidden;
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 7px 7px 0;
}

#content .newimage .row9 a {
	float: left;
	overflow: hidden;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 7px 7px 0;
}


/* article */
.article {
	margin: 0 0 35px;
}

.article h2 {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 15px;
	padding: 0 5px 5px;
}

.article h2 a {
	color: #000000;
}

.article .body {
	line-height: 150%;
	padding: 0 5px;
	overflow: hidden;
}

.article .body p {
	margin: 0 0 15px;
}

.article .thumbnail {
	margin: 0 0 15px;
	overflow: hidden;
}

.thumbnail img,
.body .text img {
	max-width: 610px;
}

.article .text {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 15px;
}

.article .text a{
	text-decoration: underline;
}

.article .date {
	color: #888888;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 150%;
	text-align: right;
	margin: 0 0 3px;
}

.article .date a {
	color: #777777;
}

.article .copyright {
	color: #888888;
	font-family: Arial,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 150%;
	text-align: right;
}

.article .copyright a {
	color: #777777;
}

.article .communityline {
	color: #777777;
	font-family: Arial,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 150%;
	text-align: right;
}

.article .date a ,
.article .copyright a ,
.article .communityline a {
	color: #777777;
}

.flexslider {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 3px solid #EEEEEE;
	border-radius: 4px 4px 4px 4px;
	box-shadow: none;
	margin: 0 0 50px;
	position: relative;
}
.flex-control-paging li a {
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 20px 20px 20px 20px;
	box-shadow: none;
	cursor: pointer;
	display: block;
	height: 11px;
	text-indent: -9999px;
	width: 11px;
}
.flexslider .slides img {
	display: block;
	width: 99%;
	margin: 1px 0 0 1px;
}
.flex-control-paging li a.flex-active {
	background: #CCCCCC;
	cursor: default;
}

.flex-control-paging li a:hover {
	background: #CCCCCC;
}


/* sns-btn */
#sns-btn {
/*	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;    */
	padding: 5px 5px 1px;
	margin: 0 5px 35px;
	display:none;
}

#sns-btn #facebook_share {
	margin: 0 5px 0 0;
}

ul.category li:last-child {
    display: none;
}

/*
span#facebook_share {
    display: none;
}

span#facebook {
    display: none;
}

span#twitter {
    display: none;
}
*/

/* pager */
.pager {
	margin: 0 0 30px;
	padding: 10px 0 0
}

.pager .next {
	float: left;
	width: 20%;
	text-align: left;
	font-size: 13px;
	line-height: 150%;
	margin: 0;
}

.pager .next a {
	margin: 0 0 0 5px;
}

.pager .number {
	float: left;
	width: 60%;
	text-align: center;
	margin: 0 auto;
}

.pager .number .count a {
	margin: 0;
	padding: 3px 7px;
	border: 1px solid #DDDDDD;
}

.pager .prev {
	float: right;
	width: 20%;
	text-align: right;
	font-size: 13px;
	line-height: 150%;
	margin: 0;
}

.pager .prev a {
	margin: 0 5px 0 0;
}


/* comment */
.comment {
	margin: 0 0 35px;
}

.comment h2 {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 15px;
	padding: 0 5px 5px;
}

.comment .body {
	padding: 0 5px;
}

.comment .body p {
	margin: 0 0 15px;
}

.comment .thumbnail {
	margin: 0 0 15px;
	overflow: hidden;
}

.comment .text {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 15px;
}

.comment .text a {
	text-decoration: underline;
}

.comment .date {
	color: #888888;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 150%;
	text-align: right;
	margin: 0 0 3px;
}

.comment .url {
	color: #888888;
	font-family: Arial,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 150%;
	text-align: right;
}

.comment .date a ,
.comment .url a {
	color: #888888;
}


/* comment-form */
.comment-form {
	margin: 0 0 35px;
}

.comment-form form {
	background: #F5F5F5;
	padding: 15px 15px;
	margin: 0 5px;
}

.comment-form h2 {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 15px;
	padding: 0 5px 5px;
}

.contact-form p {
	margin: 0 5px;
}

.comment-form .message {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 20px;
	padding: 0 5px;
}

.comment-form .need {
	color: #DD0000;
	font-size: 11px;
	line-height: 150%;
	margin: 0 0 0 5px;
}

.comment-form .control-group {
	margin: 0 0 15px;
}

.comment-form label {
	float: left;
	width: 16%;
	text-align: right;
	padding: 0 10px 0 0;
}

.comment-form label.comment-check {
	width: 150px;
	text-align: left;
}

.comment-form .controls {
	float: left;
	width: 82%;
}

.comment-form .controls .muted {
	margin: 10px 0 0;
	color: #777777;
	font-size: 12px;
	letter-spacing: 0.03em;
	line-height: 150%;
}

.comment-form #f_name input {
	width: 150px;
	padding: 2px;
}

.comment-form #f_email input {
	width: 300px;
	padding: 2px;
}

.comment-form #f_subject input {
	width: 400px;
	padding: 2px;
}

.comment-form #f_body textarea {
	width: 450px;
	height: 150px;
	padding: 2px;
}

.comment-form #f_url input {
	width: 400px;
	padding: 2px;
}

.comment-form #f_pass input {
	width: 100px;
	padding: 2px;
}

.comment-form #f_submit input {
	width: 150px;
	padding: 2px;
}


/* gallery */
.gallery {
	margin: 0 0 30px;
}

.gallery h2 {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 15px;
	padding: 0 5px 5px;
}

.gallery .body {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 30px;
	padding: 0 0 0 5px;
}

.gallery .body a {
	float: left;
	overflow: hidden;
	display: block;
	width: 115px;
	height: 115px;
	margin: 0 8px 8px 0;
}

#lightbox a {
	color: #FFFFFF;
	text-decoration: none;
}

#lightbox a:hover {
	color: #EEEEEE;
	text-decoration: underline;
}


/* profile */
.profile {
	margin: 0 0 30px;
}

.profile h2 {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 15px;
	padding: 0 5px 5px;
}

.profile .body {
	padding: 0 5px;
}

.profile .thumbnail {
	margin: 0 0 15px;
}

.profile .text {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 30px;
}

.profile .text a{
	text-decoration: underline;
}

.profile .copyright {
	font-size: 11px;
	line-height: 150%;
}

.profile .copyright a{
	text-decoration: underline;
}


/* mobile */
.mobile {
	margin: 0 0 30px;
}

.mobile h2 {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 15px;
	padding: 0 5px 5px;
}

.mobile .body {
	padding: 0 5px;
}

.mobile .text {
	font-size: 13px;
	line-height: 150%;
	margin: 0 0 30px;
}

.mobile .text a{
	text-decoration: underline;
}

.mobile dt {
	font-size: 15px;
	margin: 0 0 10px;
}

.mobile dd {
	margin: 0 0 20px 15px;
}

.mobile dd .muted {
	color: #888888;
	margin: 10px 0 0;
}

.mobile dd input[type="text"] {
	width: 250px;
	padding: 2px;
}

/* contact-form */
.contact-form {
	margin: 0 0 30px;
}

.contact-form h2 {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 15px;
	padding: 0 5px 5px;
}

.contact-form .need {
	color: #DD0000;
	font-size: 11px;
	line-height: 150%;
	margin: 0 0 0 5px;
}

.contact-form .control-group {
	margin: 0 0 15px;
}

.contact-form label {
	float: left;
	width: 15%;
	text-align: right;
	padding: 0 10px 0 0;
}

.contact-form .controls {
	float: left;
	width: 82%;
}

.contact-form .controls .muted {
	margin: 10px 0 0;
	color: #777777;
	font-size: 12px;
	letter-spacing: 0.03em;
	line-height: 150%;
}

.contact-form #f_name input {
	width: 150px;
	padding: 2px;
}

.contact-form #f_email input {
	width: 300px;
	padding: 2px;
}

.contact-form #f_subject input {
	width: 400px;
	padding: 2px;
}

.contact-form #f_body textarea {
	width: 450px;
	height: 150px;
	padding: 2px;
}

.contact-form #f_submit input {
	width: 150px;
	padding: 2px;
}


/* footer */
#footer {
	text-align: left;
	margin: 50px 0 10px;
	padding: 0 0 0 15px;
}

#footer .free {

}

#footer .copyright {
	font-family: Arial,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	color: #777777;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 150%;
	margin: 0 0 3px;
}

#footer .copyright a {
	color: #777777;
}

#footer .copyright a:hover {
	color: #8F0CFC;
	text-decoration: underline;
}

#footer .counter {
	font-family: Arial,Osaka,'ＭＳ Ｐゴシック','MS PGothic',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	color: #777777;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 150%;
	padding: 0;
}

#footer .counter a {
	color: #777777;
}

#footer .counter a:hover {
	color: #8F0CFC;
	text-decoration: underline;
}