@charset "utf-8";
/* Table Of Contents
 * reset.css
----------------------------------------

# Reset 'Browser standard style'

----------------------------------------*/


/* # Reset 'Browser standard style'
---------------------------------------------------------------------------- */

html {
	/*overflow-y: scroll;*/
}

body {
	word-break: break-all;
}

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,address,pre,caption,cite,code,dfn,var {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

img {
	border: 0;
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th { text-align: left; }

fieldset { border: 0; }

hr { display: none; }

ol, ul { list-style: none; }

li { width: 100%; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

em { font-style: normal; }

/* Table Of Contents
 * module.css
----------------------------------------

# offscreen
# float clear
# float
# align
# valign
# rollover
# font color
# font size
# last list
# clearfix

----------------------------------------*/


/* # offscreen
---------------------------------------------------------------------------- */

.offscreen {
	text-indent: -9999em;
	position: absolute;
	overflow: hidden;
}


/* # float clear
---------------------------------------------------------------------------- */

.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; }


/* # float
---------------------------------------------------------------------------- */

.floatLeft  { float:left; }
.floatRight { float:right; }


/* # align
---------------------------------------------------------------------------- */

.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }


/* # valign
---------------------------------------------------------------------------- */

.valignBaseline { vertical-align: baseline; }


/* # rollover
---------------------------------------------------------------------------- */

.imgover {}


/* # font color
---------------------------------------------------------------------------- */

.attention {
	color: #f00;
}

.required {
	color: #f66;
}


/* # font size
---------------------------------------------------------------------------- */

.smallText { font-size: 83%; }


/* # last list
---------------------------------------------------------------------------- */

.lastList {
	background: none !important;
	border: none !important;
	margin-right: 0 !important;
}


/* # clearfix
---------------------------------------------------------------------------- */

.clearfix {
	zoom: 1;
}

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

/* Table Of Contents
 * base.css
----------------------------------------

# General Elements
# body
# layout
# header
# gNav
# pageBody
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */


/* # body
---------------------------------------------------------------------------- */

body {
	background: url(/v2/images/mikle/bg_body.gif) repeat fixed top center;
	color: #333;
	font-size: 75%;
	/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	line-height: 1.5;
}


/* # header
---------------------------------------------------------------------------- */

div#header {
	background: #fff;
	padding-bottom: 11px;
}

div#headerInner {
	margin: 0 auto;
	width: 1084px;
}

div#header #description {
	float: left;
	width: auto;
	padding: 8px 0;
	color: #1a1a1a;
}

div#header div.hLeft {
	clear: both;
	float: left;
	width: auto;
	margin-top: -7px;
}

div#header div.hRight {
	display: inline;
	float: right;
	padding: 4px 5px 0 0;
	width: 740px;
}

div#header p.name {
	float: right;
	width: auto;
	height: 24px;
	line-height: 24px;
	margin-left: 10px;
}

div#header p.name em {
	color: #e12a47;
	font-weight: bold;
	padding-right: 4px;
}

div#header div.user {
	float: right;
	width: auto;
	padding-bottom: 13px;
	text-align: right;
}

div#header ul.link {
	float: right;
	width: auto;
}

div#header ul.link li {
	display: inline-block;
	width: auto;
	height: 24px;
	line-height: 24px;
	padding-left: 14px;
}

div#header ul.link li a {
	display: block;
}

div#header ul.link li .mypage {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1125px;
	padding-left: 16px;
}

div#header div.hRight form {
	float: right;
	width: auto;
}

div#header p.search {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1171px;
	float: right;
	margin-bottom: 9px;
	padding-left: 29px;
	width: 248px;
}

div#header p.search input {
	display: inline;
	float: left;
	padding-top: 1px;
}

div#header p.search input.searchText {
	width: 174px;
	height: 22px;
	line-height: 22px;
	margin: 0 7px 0 0;
	padding: 0 5px;
	border: 1px solid #c1c1c1;
	font-weight: bold;
}

div#header p.search input.idleField {
	color: #999;
}

div#header p.search input.focusField,
div#header p.search input.fillField {
	color: #000;
}

div#header p.search input.searchButton {
	background: url(/v2/images/mikle/sprite.gif) no-repeat -176px -169px;
	width: 55px;
	height: 24px;
	border: none;
	cursor: pointer;
	text-indent: -9999em;
}

div#header p.siteLink {
	float: right;
	width: auto;
	padding: 13px 0 8px;
}

div#header p.siteLink a[target="_blank"] {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 100% -978px;
	margin-left: 6px;
	padding-right: 15px;
}


/* # gNav
---------------------------------------------------------------------------- */

/*div#gNav {
	background: #fdf3f2 url(/v2/images/mikle/bg_gnav.gif) repeat-x 0 0;
	height: 66px;
	min-width: 1084px;
	font-size: 12px;
	transition: all .25s ease-out;
}

div#gNav.fixed {
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	height: 33px;
	border-bottom: 1px solid #E74B64;
	z-index: 103000;
}

div#gNav.fixed:hover {
	height: 66px;
	border-bottom: none;
}


* html div#gNav {
	height: 66px;
	width: expression((document.documentElement.clientWidth < 1086)? "1084px" : "auto");
}

div#gNav ul.gNavList {
	margin: 0 auto;
	position: relative;
	width: 1084px;
}

div#gNav ul.gNavList li {
	float: left;
	width: auto;
}

div#gNav ul.gNavList li a {
	display: block;
	position: relative;
	color: #333;
}

div#gNav ul.gNavList li a:hover,
div#gNav ul.gNavList li a.active {
	padding-bottom: 5px;
	text-decoration: none;
}

div#gNav ul.gNavList li a:hover:after,
div#gNav ul.gNavList li a.active:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	width: 7px;
	height: 5px;
	margin-left: -4px;
	background: url(/v2/images/mikle/sprite.gif) no-repeat -368px -1895px;
}

div#gNav ul.gNavList li .sNav a:after {
	display: none;
	background: none;
}

div#gNav ul.gNavList li a span {
	display:block;
	padding: 9px 7px 8px 7px;
	transition: all .2s ease-out;
}

div#gNav ul.gNavList li a:hover span,
div#gNav ul.gNavList li a.active span {
	background: #e74b64;
	color: #fff;
}

div#gNav ul.sNav {
	position: absolute;
	left: -2px;
	top: 31px;
	z-index: -10;
	opacity: 0;
	transition: all .25s ease-in;
}

div#gNav ul.sNavActive {
	top: 41px;
	z-index: 10;
	opacity: 1;
}

div#gNav ul.sNav li a {
	background: url(/v2/images/mikle/bg_line02.gif) no-repeat 0 3px;
	font-weight: normal;
	padding: 0 5px 0 9px;
	text-decoration: underline;
}

div#gNav ul.sNav li.first a {
	background: none;
}

div#gNav ul.sNav li:first-of-type a {
	background: none;
}

div#gNav ul.sNav li a:hover,
div#gNav ul.sNav li a.active {
	background-position: url(/v2/images/mikle/bg_line02.gif) no-repeat 0 2px;
	color: #e22b47;
	padding-bottom: 0;
	text-decoration: none;
}*/

/* # gNav
---------------------------------------------------------------------------- */

#gNav {
	background: url(/v2/images/mikle/bg_gnav_2.gif);
}

#gNav.fixed {
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	border-bottom: 1px solid #fff;
	z-index: 103000;
}

#gNav .gNavList {
	width: 1084px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-bottom-color: #de4059;
	border-top: none;
	font-size: 0;/* inline-blockの隙間をなくす */
	background: #FFD3DA;
}

#gNav .gNavList li {
	display: inline-block;
	width: auto;
}

#gNav .gNavList li a {
	display: block;
	padding: 9px 5px;
	border-right: 1px solid #FBC4CD;
	border-left: 1px solid #FFE1E6;
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

#gNav .gNavList li:first-of-type a {
	padding: 9px 7px;
	border-left: none;
}

#gNav .gNavList li:last-of-type a {
	border-right: none;
}

#gNav .gNavList li a:hover {
	border-color: #ff7a8f;
	color: #fff;
	background: #ff7a8f;
}

#gNav .gNavList li a.active {
	position: relative;
	border-color: #f85b75;
	color: #fff;
	background: #f85b75;
}

#gNav .gNavList li a.active:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -1px;
	display: block;
	margin-left: -5px;
	border: 6px solid transparent;
	border-right-width: 5px;
	border-left-width: 5px;
	border-bottom-color: #f7f6ee;
}

#gNav .sNav {
	width: 1084px;
	margin: 0 auto;
	border: 1px solid #fff;
	border-top: none;
	border-bottom: none;
	background: #f7f6ee;
}

#gNav .sNav li {
	display: inline-block;
	width: auto;
}

#gNav .sNav li a {
	position: relative;
	display: block;
	padding: 0 10px;
	color: #505050;
	font-size: 13px;
}

#gNav .sNav li a:after {
	content: "";
	position: absolute;
	right: -2px;
	top: 50%;
	display: block;
	width: 1px;
	height: 1em;
	margin-top: -0.5em;
	background: #505050;
}

#gNav .sNav li:last-of-type a:after {
	display: none;
}

#gNav .sNav li a.active span {
	color: #ff4c68;
	box-shadow: inset 0 -3px #ff4c68;
}

#gNav .sNav li a span {
	position: relative;
	display: inline-block;
	padding: 9px 0;
	-webkit-transition: all .25s ease-in;
	   -moz-transition: all .25s ease-in;
	    -ms-transition: all .25s ease-in;
	     -o-transition: all .25s ease-in;
	        transition: all .25s ease-in;
}

#gNav .sNav li a:hover span {
	color: #ff4c68;
	box-shadow: inset 0 -3px #ff4c68;
}

#gNav .sNav li a span:before,
#gNav .sNav li a span:after {
	content: "";
	position: absolute;
	right: -3px;
	top: 6px;
	display: block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right-width: 3px;
	border-left-width: 3px;
	-webkit-transition: all .2s ease-in;
	   -moz-transition: all .2s ease-in;
	    -ms-transition: all .2s ease-in;
	     -o-transition: all .2s ease-in;
	        transition: all .2s ease-in;
}


#gNav .sNav li a:hover span:before {
	right: -3px;
	top: 3px;
	border-top-color: #ff4c68;
}

#gNav .sNav li a:hover span:after {
	right: -7px;
	top: 5px;
	border-top-color: #ff4c68;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

/* # pageBody
---------------------------------------------------------------------------- */

div#wrapper {
	background: url(/v2/images/mikle/bg_body.gif) repeat center top;
}

div#pageBody {
	margin: 0 auto;
	position: relative;
	width: 1084px;
}


/* # content
---------------------------------------------------------------------------- */

div#content {
	float: left;
	padding-top: 13px;
	width: 728px;
	font-size: 1rem;
}

div#content h1 {
	padding-bottom: 6px;
	font-size: 1.95rem;
}

div#content .require,
div.stdwindow .require {
	color: #ff3b3b;
	font-weight: normal;
}

div#content div.post_area .require {
	color: #fff;
}

table.infoList th {
	background-color: #f5f3e4 !important;
	border-right: 2px solid #fff;
	text-align: center;
	padding: 6px 0;
}

table.infoList th.col1 {
	width: 40px;
}

table.infoList th.col2 {
	width: 302px;
}

table.infoList th.col3 {
	width: 110px;
}

table.infoList th.col4 {
	width: 69px;
}

table.infoList th.col5 {
	width: 100px;
}

table.infoList th.col6 {
	width: 74px;
}

table.infoList td {
	padding: 7px 8px 7px;
	text-align: right;
}

.infoList td.center {
	text-align: center;
}

.infoList td.left {
	text-align: left;
}

table.infoList tr.first td {
	padding-top: 17px;
}

table.infoList tr.first dd {
	padding-top: 17px;
}


/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar {
	float: right;
	margin-bottom: 40px;
	width: 336px;
}

div#sidebar .userBox {
	width: 326px;
	margin: 0 0 30px 10px;
	padding-top: 25px;
	background: url(/v2/images/mikle/bg_user_top.png) no-repeat left top;
}

div#sidebar .userBoxInner {
	padding: 7px 15px 7px 10px;
	border-bottom: 1px solid #f5f3e4;
	background: url(/v2/images/mikle/bg_user.gif) left top;
}

div#sidebar .userBox li {
	margin-bottom: 6px;
	padding: 0 0 4px 5px;
	border-bottom: 1px solid #d6d4bf;
}

* html div#sidebar .userBox li {
	margin-bottom: 4px;
}

*:first-child + html div#sidebar .userBox li {
	margin-bottom: 4px;
}

div#sidebar .userBox li.calendar {
	border: none;
}

div#sidebar .userBox li p.quatity {
	float: right;
	font-size: 110%;
	font-weight: bold;
	padding-right: 4px;
	text-align: right;
}

div#sidebar .userBox li p.title {
	float: left;
	padding: 2px 0 0 23px;
}

div#sidebar .userBox li.user p.title {
	background: url(/v2/images/mikle/sprite.gif) 0 -452px;
}

div#sidebar .userBox li.calendar p.title {
	background: url(/v2/images/mikle/sprite.gif) 0 -1022px;
}

div#sidebar .block {
	margin-bottom: 14px;
	padding: 8px 12px;
	border: 1px solid #D4D1BC;
	border-radius: 5px;
	font-size: 16px;
	background: #fff;
}

div#sidebar .block h2 {
	font-size: 125%;
	font-weight: bold;
	letter-spacing:-1px;
	padding: 1px 0 0 26px;
	margin-bottom:5px;
	position:relative;
}

div#sidebar .block h3 {
	font-size: 125%;
	font-weight: bold;
}

div#sidebar .boardBlock {
	margin-bottom: 36px;
}

div#sidebar .guidanceBlock {
	margin-bottom: 12px;
	padding: 0 12px;
}

div#sidebar .recommendBlock {
	margin-bottom: 15px;
	padding: 0 8px;
}

div#sidebar .block h2 span {
	display: block;
	position: absolute;
	left: 0;
	top: 6px;
	text-indent: -99999px;
	background:url(/v2/images/mikle/sprite.gif) no-repeat;
}

* html div#sidebar .block h2 span {
	left: -26px;
	top: -2px;
}

*:first-child + html div#sidebar .block h2 span {
	top: -2px;
}

div#sidebar .block h2 .iconNews {
	background-position: 0 -1149px;
	height: 20px;
	width: 20px;
}

div#sidebar .block h2 .iconStar {
	background-position: 0 -1223px;
	height: 20px;
	width: 20px;
}

div#sidebar .block h2 .iconGuide {
	background-position: 0 -1077px;
	height: 20px;
	width: 20px;
}

div#sidebar .block h2 .iconSearch {
	background-position: 0 -1077px;
	height: 20px;
	width: 20px;
}

div#sidebar .block h2 .iconSearch {
	background-position: 0 -1198px;
	height: 20px;
	width: 20px;
}

div#sidebar .block h2 .iconLike {
	background-position: 0 -1102px;
	height: 20px;
	width: 20px;
}

div#sidebar .block h2 .iconConsult {
	background-position: 0 -996px;
	height: 20px;
	width: 20px;
}

div#sidebar .block ul {
	margin-bottom: 4px;
}

div#sidebar .block ul:last-of-type {
	margin-bottom: 0;
}

div#sidebar .block ul li {
	width: auto;
	border-bottom: 1px dashed #D4D1BC;
}

div#sidebar .block ul li:last-of-type {
	border: none;
}

div#sidebar .block ul li a {
	display: block;
	position: relative;
	text-decoration: none;
	padding: 5px 2px 4px 10px;
}

div#sidebar .block ul li a:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 11px;
	height: 11px;
	margin-top: -5px;
	background:  url(/v2/images/mikle/sprite.gif) 0 -945px;
	transition: all .1s ease-out;
}

div#sidebar ul li a span {
	color: #000;
	font-size: .8rem;
	font-weight: bold;
}
div#sidebar ul li a:hover span {
	color: inherit;
}

div#sidebar .block #trackwind li:nth-last-of-type(2) {
	border: none;
}

div#sidebar .block #trackwind li:last-of-type a {
	display: inline;
}

div#sidebar .block #trackwind li:last-of-type a:after {
	display: none;
}

div#sidebar .block ul.keywordList li:after {
	background: none;
}

div#sidebar .block ul li a:hover {
	text-decoration: underline;
}

div#sidebar .block ul li a:hover:after {
	left: 2px;
}

div#sidebar .block .more {
	text-align: right;
}

div#sidebar .block .more a {
	position: relative;
	left: 7px;
	top: 3px;
	display: inline-block;
	padding: 3px 8px 3px 15px;
	border-radius: 0 0 5px 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #B7AF78;
	-webkit-transition: all .25s ease-out;
	   -moz-transition: all .25s ease-out;
	    -ms-transition: all .25s ease-out;
	     -o-transition: all .25s ease-out;
	        transition: all .25s ease-out;
}

div#sidebar .block .more a:after {
	content: "";
	position: absolute;
	left: 7px;
	top: 50%;
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left-color: #fff;
	border-right-width: 0;
}

div#sidebar .block .more a:hover {
	opacity: .8;
}

div#sidebar .block .more a:hover:after {
	left: 8px;
}

div#sidebar .block ul.keywordList li {
	display: inline;
	line-height: 1.65;
	padding: 0 9px 0 0;
	border: none;
}

div#sidebar .block ul.keywordList li a {
	display: inline-block;
}


div#sidebar p.banner {
	padding: 0 0 14px 4px;
}

div#sidebar .block ul li.pwb:after {
	display: none;
}



/* # footer
---------------------------------------------------------------------------- */

p#pageTop {
	display: none;
	position: fixed;
	bottom: 75px;
	top: auto;
	left: auto;
	clear: both;
	right: 51px;
	z-index: 0;
	width: 100%;
	height: 0;
	text-align: right;
}

* html p#pageTop {
	padding-bottom: 20px;
	position: absolute;
	bottom: 75px;
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

p#pageTop a {
	background:url(/v2/images/mikle/sprite.gif) no-repeat 0 -195px;
	display: inline-block;
	width: 55px;
	height: 55px;
	font-size:0;
	overflow:hidden;
	text-indent:-9999em;
}

#footer {
	clear: both;
	margin-top: 20px;
}

div#footerInner {
	background: #f5f5f5;
	clear: both;
	margin-bottom: -7px;
	min-width: 1084px;
	padding: 18px 0 10px;
}

* html div#footerInner {
	width: expression((document.documentElement.clientWidth < 1086)? "1084px" : "auto");
}

div.footerDetail {
	margin: 0 auto;
	position: relative;
	width: 1084px;
}

div#footer ul.fNav {
	padding-bottom: 24px;
}

div#footer ul.fNav li {
	display: inline;
	float: left;
	margin-right: 8px;
	width: auto;
}

div#footer ul.fNav li a {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -942px;
	padding-left: 8px;
}

div#footer dl.fLink {
	color: #26a0b9;
}

div#footer dl.fLink dt {
	font-weight: bold;
}

div#footer dl.fLink dd {
	margin: -1.5em 0 0 8em;
	padding: 0 0 6px;
}

div#footer dl.fLink ul li {
	display: inline;
	float: left;
	width: auto;
}

div#footer dl.fLink ul li a {
	background:url(/v2/images/mikle/bg_line01.gif) no-repeat 0 1px;
	padding: 0 8px;
}

div#footer dl.fLink ul li.first a {
	background: none;
}

div#footer #copyright {
	font-weight: bold;
	padding-top: 19px;
}

div#footer .fLogo {
	background:none;
	bottom: 3px;
	position: absolute;
	right: 0;
}

div#footer .fLogo a {
	background:url(/v2/images/mikle/sprite.gif) no-repeat 0 -46px;
	display:block;
	width: 124px;
	height: 50px;
	text-indent:-9999em;
}

* html div#footer .fLogo a {
	height: 48px;
}

div#footer .fLogo img {
	display:none;
}


/* # clearfix
---------------------------------------------------------------------------- */

div#headerInner,
div#header div.user,
div#header p.search,
div#gNav ul.gNavList,
div#gNav ul.sNav,
#topicPath,
div#footer,
div#footer ul.fNav,
div#footer dl.fLink ul,
div#footerInner,
div#pageBody,
ul.tab,
div.tabContents,
div#content ul.productList li,
div.blockLink .linkStyle li.catList,
div.pagerLink,
div#sidebar .userBox li,
#thickboxDetail ul.checkboxList01,
#thickboxDetail ul.inputList,
#thickboxDetail ul.buttonList {
	zoom: 1;
}

div#headerInner:after,
div#header div.user:after,
div#header p.search:after,
div#gNav ul.gNavList:after,
div#gNav ul.sNav:after,
#topicPath:after,
div#footer:after,
div#footer ul.fNav:after,
div#footer dl.fLink ul:after,
div#footerInner:after,
div#pageBody:after,
ul.tab:after,
div.tabContents:after,
div#content ul.productList li:after,
div.blockLink .linkStyle li.catList:after,
div.pagerLink:after,
div#sidebar .userBox li:after,
#thickboxDetail ul.checkboxList01:after,
#thickboxDetail ul.inputList:after,
#thickboxDetail ul.buttonList:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* # thickbox
---------------------------------------------------------------------------- */

#TB_overlay {
	height:100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.TB_overlayMacFFBGHack {
	background: url(/v2/images/mikle/bg_macffhack.png) repeat;
}

.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

* html #TB_overlay {
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	position: absolute;
}

#TB_wrap {

}
#TB_window {
	background: url(/v2/images/mikle/bg_box_top.png) no-repeat 0 0;
	cursor: move;
	color: #000;
	display: none;
	left: 50%;
	position: fixed;
	z-index: 1002;
	text-align: left;
	top: 50%;
	padding-top: 40px;
	width: 845px!important;
}

* html #TB_window {
	position: absolute;
	margin-top: expression( - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_closeAjaxWindow {
	font-size: 0;
	text-indent: -9999em;
}

#TB_closeWindowButton {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1047px;
	display: block;
	height: 26px;
	position: absolute;
	right: 7px;
	top: 8px;
	text-indent: -9999em;
	width: 26px;
}

#TB_ajaxWindowTitle {
	display: none;
}

#TB_ajaxContent {
	background: url(/v2/images/mikle/bg_box_bottom.png) no-repeat left bottom;
	clear: both;
	padding: 5px 73px 78px;
	overflow: hidden;
	text-align: left;
	height: auto!important;
	width: auto!important;
}

#thickboxDetail h2 {
	font-size: 170%;
	font-weight: bold;
	margin-bottom: 38px;
	padding-top: 10px;
}

#thickboxDetail .error {
	line-height: 1.8;
	margin-bottom: 10px;
}

#thickboxDetail .error strong {
	color: #ff3b3b;
	font-size: 110%;
}

#thickboxDetail .error span {
	color: #ff3b3b;
}

#thickboxDetail .formTable {
	width: 100%;
}

#thickboxDetail .formTable {
	margin-top: 12px;
}

#thickboxDetail .formTable01 {
	margin-top: 24px;
}

#thickboxDetail .formTable th {
	position: relative;
	font-weight: bold;
	padding-bottom: 13px;
	width: 24%;
	min-width: 150px;
	vertical-align: middle;
}

#thickboxDetail .formTable th label {
	cursor: default;
	display: block;
	margin-right: 10px;
	padding: 5px 30px 5px 10px;
	border-radius: 30px;
	background: #EF9586;
}

#thickboxDetail .formTable th span.require {
	position: absolute;
	top: 50%;
	right: 17px;
	margin-top: -1rem;
}

* html #thickboxDetail .formTable th {
	width: 19%;
}

*:first-child + html #thickboxDetail .formTable th {
	width: 19%;
}

#thickboxDetail.formTable th.title {
	padding-bottom: 0;
}

* html #thickboxDetail .formTable th.title {
	width: 100%;
}

*:first-child + html #thickboxDetail .formTable th.title {
	width: 100%;
}

#thickboxDetail .formTable td {
	padding-bottom: 13px;
}

#thickboxDetail .formTable td.commentLine {
	padding-bottom: 0;
}

#thickboxDetail .formTable td.commentLine label {
	cursor: default;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 15px 15px 0 0;
	font-weight: bold;
	background: #EF9586;
}

#thickboxDetail .formTable tr.tagRow th,
#thickboxDetail .formTable tr.tagRow td {
	padding-bottom: 8px;
}

#thickboxDetail .formTable td select {
	font-size: 1rem;
}

#thickboxDetail .formTable td select.size01 {
	margin-right: 3px;
	width: 141px;
}

#thickboxDetail ul.checkboxList,
#thickboxDetail ul.checkboxList01 {
	padding-top: 3px;
}

#thickboxDetail ul.checkboxList li,
#thickboxDetail ul.checkboxList01 li {
	display: inline;
	margin-right: 4px;
}

#thickboxDetail ul.checkboxList01 li {
	float: left;
	width: 155px;
}

#thickboxDetail ul.checkboxList li input,
#thickboxDetail ul.checkboxList01 li input {
	margin-right: 3px;
	vertical-align: middle;
}

#thickboxDetail .formTable .symbol {
	float: right;
	width: 87px;
}

* html #thickboxDetail .formTable .symbol {
	margin-top: -20px;
}

*:first-child + html #thickboxDetail .formTable .symbol {
	margin-top: -20px;
}

#thickboxDetail .formTable .symbol a {
	background: url(/v2/images/mikle/sprite.gif) 360px -169px;
	display: inline-block;
	float: right;
	height: 25px;
	position: relative;
	right: 0;
	top: -7px;
	text-indent: -9999em;
	width: 87px;
}

#thickboxDetail .formTable textarea {
	overflow: hidden;
	display: block;
}

#thickboxDetail .formTable textarea,
#thickboxDetail .formTable td.commentLine .commentLine_body {
	width: 98.3%;
	min-height: 112px;
	margin: 0;
	padding: 5px;
	border: 1px solid #d6d6d6;
	resize: none;
	font-size: 110%;
}

#thickboxDetail .formTable td.commentLine .commentLine_body {
	border: 1px solid #fcf0ee;
}

#thickboxDetail ul.noteList {
	padding-top: 12px;
}

#thickboxDetail ul.noteList li{
	font-size: 0.8rem;
	margin-bottom: 0;
}

#thickboxDetail ul.inputList li {
	float: left;
	padding-right: 8px;
	width: 84px;
}

#thickboxDetail ul.buttonList {
	margin: 22px auto 0;
	width: 416px;
}

#thickboxDetail ul.buttonList li {
	float: left;
	width: 202px;
}

#thickboxDetail ul.buttonList li.back {
	margin-right: 12px;
}

#thickboxDetail ul.buttonList li.back a,
#thickboxDetail ul.buttonList li.back input {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1690px;
	border: none;
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	width: 202px;
}

#thickboxDetail .formBtns {
	margin-top: 10px;
	text-align: center;
}

#thickboxDetail .formBtns li {
	display: inline-block;
	max-width: 50%;
	min-width: 250px;
	margin-right: 10px;
	border-radius: 8px;
	background: #fff;
}

#thickboxDetail .submitBtn {
	margin: 30px auto 0;
	width: 322px;
}

#thickboxDetail .submitBtn a,
#thickboxDetail .submitBtn input {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1610px;
	border: none;
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	width: 322px;
}

#thickboxDetail .submitBtn01 a,
#thickboxDetail .submitBtn01 input {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1650px;
	border: none;
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
	width: 322px;
}

#thickboxDetail .submitBtn02 a,
#thickboxDetail .submitBtn02 input {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1690px;
	border: none;
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 32px;
	width: 202px;
}

#thickboxDetail .submitBtn03 a,
#thickboxDetail .submitBtn03 input {
	background: url(/v2/images/mikle/sprite.gif) no-repeat -212px -1690px;
	border: none;
	cursor: pointer;
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 32px;
	width: 202px;
}

#thickboxDetail .submitBtn_list {
	text-align: center;
}

#thickboxDetail .submitBtn_list li {
	display: inline-block;
	width: auto;
}

#thickboxDetail .submitBtn_list li button {
	width: 202px;
}

#thickboxDetail .submitBtn_list li button:hover {
	opacity: 0.5;
}

#thickboxDetail input.size01,
#thickboxDetail input.size02 {
	border:1px solid #b2b2b2;
	border-top:1px solid #9b9b9b;
	height: 14px;
	padding: 3px;
	width: 198px;
}

#thickboxDetail input.size02 {
	width: 78px;
}

#thickboxDetail .leadText {
	font-size: 110%;
	margin-bottom: 25px;
}

#thickboxDetail ul.linkList {
	margin-top: 16px;
}

#thickboxDetail ul.linkList li {
	margin-bottom: 16px;
}


/* # common classes
---------------------------------------------------------------------------- */

ul.threadLink {
	margin-right: -12px;
	padding-bottom: 22px;
}

ul.threadLink li {
	float: left;
	height: 31px;
	padding-right: 10px;
	width: 132px;
}

ul.threadLink li a {
	background: url(/v2/images/mikle/sprite.gif) no-repeat;
	display: block;
	height: 31px;
	position: relative;
	text-indent :-9999em;
	width: 132px;
}

ul.threadLink li.link01 a {
	background-position: 0 -1306px !important;
}

ul.threadLink li.link01 a:hover,
ul.threadLink li.link01 a.active {
	background-position: 0 -1337px !important;
}

ul.threadLink li.link02 a {
	background-position: -142px -1306px;
}

ul.threadLink li.link02 a:hover,
ul.threadLink li.link02 a.active {
	background-position: -142px -1337px;
}

ul.threadLink li.link03 a {
	background-position: -284px -1306px;
}

ul.threadLink li.link03 a:hover,
ul.threadLink li.link03 a.active {
	background-position: -284px -1337px;
}

ul.threadLink li.link04 a {
	background-position: -426px -1306px;
}

ul.threadLink li.link04 a:hover,
ul.threadLink li.link04 a.active {
	background-position: -426px -1337px;
}

ul.threadLink li.link05 a {
	background-position: -568px -1306px;
}

ul.threadLink li.link05 a:hover,
ul.threadLink li.link05 a.active {
	background-position: -568px -1337px;
}

ul.threadLink li.link05 a {
	width: 130px !important;
}

#topicPath {
	width: 1084px;
	margin: 0 auto;
	padding: 11px 0 0 7px;
}

#topicPath div {
	display: inline-block;
	width: auto;
	margin-left: 5px;
	padding-left: 11px;
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -1245px;
}

#topicPath div.first {
	margin-left: 0;
	padding-left: 5px;
	background: none;
}

div.section p.image {
	padding-top: 28px;
}

div#content div.tabContents {
	background: #fff;
	border: 1px solid #eb7588;
	border-top: none;
	margin-bottom: 23px;
	padding: 22px 15px 22px 14px;
	width: 697px;
}

div#content ul.tab {
/*	background:url(/v2/images/mikle/bg_tab01.gif) no-repeat 0 100%;
	width: 728px;*/
	border-bottom: 4px solid #E9566C;
}

div#content ul.tab li {
	float: left;
	width: auto;
}

div#content ul.tab li a {
	display: block;
	width: 170px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #B7B7B7;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 13px;
	font-weight: bold;
	background: linear-gradient(to bottom,  #fcfcfc 0%,#ececec 100%);
	transition: all .2s;
}

div#content .tlist ul.tab li a {
	width: 169px;
}

div#content .search_results ul.tab li a {
	width: 132px;
}

div#content ul.tab li img {
	display:none;
}

div#content .product ul.productList li:last-of-type,
div#content .product ul.productList li.last {
	margin: 0;
	padding: 0;
	background: none;
}

div#content ul.productList li div.infoLeft {
	background: url(/v2/images/mikle/bg_info.gif) repeat 0 0;
	float: left;
	margin-top: 2px;
	padding: 13px 5px 17px;
	text-align: center;
	width: 67px;
}

div#content ul.productList li div.infoLeft p.count {
	font-weight: bold;
	line-height: 1.2;
	font-size: 160%;
}

div#content ul.productList li div.infoRight {
	float: right;
	width: 598px;
}

div#content ul.productList li div.infoRight p.title {
	font-size: 120%;
	font-weight: bold;
	padding-bottom: 4px;
}

div#content ul.productList li div.infoRight p.title span {
	display: inline-block;
	margin-left: 5px;
	padding: 0 6px;
	border-radius: 5px;
	font-size: 0.75rem;
	font-weight: normal;
	color: #fff;
	background: #EF8A86;
}

div#content ul.productList li div.infoRight p.action {
	padding-top: 13px;
	font-size: .9rem;
}

div#content ul.productList li div.infoRight p.action span {
	margin: 0 5px 0 18px;
	padding: 3px 6px;
	border-radius: 5px;
	color: #7B7415;
	font-weight: bold;
	font-size: .8rem;
	background:#f5f3e4;
}

div#content ul.productList li div.infoRight p.action a {
	padding-right: 7px;
}

div#content .product {
	background-color: #fff;
	border: 1px solid #d4d1bc;
	margin-bottom: 20px;
	padding: 17px 14px 21px;
}

div#content .product h2 {
	font-size: 1.6rem;
	margin: 4px 0 19px 7px;
}

div#content #tabs .product {
	border: none;
	margin: 0;
	padding: 0 0 10px;
}

* html div#content .product {
	padding-bottom: 18px;
	position: relative;
	z-index: 1;
}

*:first-child + html div#content .product {
	padding-bottom: 18px;
}

div#content .product ul.productList li {
	background: url(/v2/images/mikle/bg_dash.gif) repeat-x left bottom;
	margin-bottom: 9px;
	padding-bottom: 14px;
}

* html #content div#content .product ul.productList li {
	margin-bottom: 8px;
}

*:first-child + html div#content .product ul.productList li {
	margin-bottom: 8px;
}

div#content ul.productList li div.infoLeft {
	background: url(/v2/images/mikle/bg_info02.gif) repeat left top;
	margin-top: 4px;
	padding: 5px;
}

div#content ul.productList li div.infoLeft p {
	line-height: 1.1;
}

div#content ul.productList li div.infoLeft p.hit {
	border-bottom: 1px solid #eac9c9;
	color: #e74b64;
	font-weight: bold;
	margin: 0 3px 5px;
	padding-bottom: 6px;
}

div#content ul.productList li div.infoLeft p span {
	font-size: 100%;
	font-weight: bold;
}

.section .tableInfo th {
	background: #f5f3e4 !important;
	border-right: 2px solid #fff;
	font-size: 100%;
	padding: 6px 0;
	text-align: center;
	vertical-align: top;
}

.section .tableInfo th.board {
	width: 119px;
}

.section .tableInfo th.no {
	width: 37px;
}

.section .tableInfo th.name {
	width: 460px;
}

.section .tableInfo th.time {
	width: 73px;
}

.section .tableInfo tr.note td {
	padding: 10px 8px 9px;
}

.section .tableInfo tr.first td {
	padding-top: 15px;
}

.section .tableInfo td {
	font-size: 100%;
	padding: 7px 8px 6px;
	vertical-align: top;
}

.even th,
.even td{
	background-color: #f9f9f9 !important;
}

.section .tableInfo tr.note td {
	background: #fff url(/v2/images/mikle/bg_dash01.gif) repeat-x bottom left !important;
}

.section .tableInfo tr.lastNote td {
	background: none !important;
	padding-bottom: 17px;
}

.section .tableInfo tr td.center {
	font-size: 120%;
	line-height: 1.3;
	text-align: center;
}

.section .tableInfo tr td.right {
	padding-right: 10px;
	text-align: right;
}

.section .tableInfo tr.note td p.title {
	margin-top: -2px;
	padding-bottom: 5px;
}

.section .tableInfo tr.note td p.title strong {
	font-size: 120%;
}

.section .tableInfo tr.note td p.title a {
	font-weight: bold;
}

.section .tableInfo tr.note td p {
	line-height: 1.5;
}

.pagerLink {
	padding: 0 0 25px;
	position: relative;
}

.tabContents .pagerLink:last-of-type {
	padding: 30px 0 20px;
}

.pager {
	clear: both;
	text-align: center;
}

.tabContents > .pager {
	margin-bottom: 10px;
}

.pager li {
	display: inline-block;
	width: auto;
	padding-right: 2px;
}

.pager li a {
	display: block;
	padding: 3px 5px 2px;
	border: 1px solid #ccc;
	text-decoration: none;
}

.pager li a:hover {
	color: #e92e4b;
}

.pager li strong {
	border: none !important;
	color: #e92e4b;
	padding: 3px 5px 2px;
}

.pager li.dot {
	letter-spacing: 2px;
}

.pagerLink p.button {
	position: absolute;
	top: 0px;
	right: 5px;
}

.pagerLink p.button a {
	display: block;
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -169px;
	width: 87px;
	height: 25px;
	overflow:hidden;
	text-indent:-9999px;
}

.pagerLink p.button a:hover {
	background-position: -88px -169px;
}

.pagerLink p.button img {
	display:none;
}

div.blockLink {
	width: 693px;
	margin-top: 20px;
	padding: 15px 16px 14px 18px;
	background: url(/v2/images/mikle/bg_blockitem.gif) repeat-y 0 0;
}

div.blockLink p.infoTitle {
	background: url(/v2/images/mikle/sprite.gif) no-repeat 0 -494px;
	margin-bottom: 8px;
	padding: 2px 0 0 37px;
}

div.blockLink p {
	padding-bottom: 8px;
	font-size: 120%;
	font-weight:bold;
}

div.blockLink p img {
	padding: 0 8px 0 2px;
	vertical-align: middle;
}

div.blockLink .linkStyle {
	width: 100%;
}

div.blockLink li.catList {
	background: url(/v2/images/mikle/bg_dash01.gif) repeat-x left bottom;
	padding: 7px 0 2px;
	position:relative;
}

div.blockLink ul.linkStyle li.listLast {
	background: none!important;
}

div.blockLink .catList p {
	position: absolute;
	top: 8px;
	left: 3px;
	background: url(/v2/images/mikle/sprite.gif) no-repeat;
	height: 21px;
	padding-bottom: 0;
	width: 21px;
	font-size: 0;
	text-indent: -9999px;
}

div.blockLink .catList .icon01 {
	background-position: 0 -525px;
	height: 13px;
	top: 10px;
}

div.blockLink .catList .icon02 {
	background-position: 0 -546px;
	height: 17px;
}

div.blockLink .catList .icon03 {
	background-position: 0 -568px;
	height: 19px;
}

div.blockLink .catList .icon04 {
	background-position: 0 -592px;
	height: 17px;
	top: 8px;
}

div.blockLink .catList .icon05 {
	background-position: 0 -616px;
	height:11px;
}

div.blockLink .catList .icon06 {
	background-position: 0 -635px;
	height:17px;
}

div.blockLink .catList .icon07 {
	background-position: 0 -658px;
	height:18px;
}

div.blockLink .catList .icon08 {
	background-position: 0 -682px;
	height: 17px;
}

div.blockLink .catList .icon09 {
	background-position: 0 -706px;
	height: 15px;
}

div.blockLink .catList .icon10 {
	background-position: 0 -729px;
	height: 16px;
}

div.blockLink .catList .icon11 {
	background-position: 0 -750px;
	height: 16px;
}

div.blockLink .catList .icon12 {
	background-position: 0 -773px;
	height:19px;
}

div.blockLink .catList .icon13 {
	background-position: 0 -798px;
	height:15px;
}

div.blockLink .catList .icon14 {
	background-position: 0 -818px;
	height:18px;
}

div.blockLink .catList .icon15 {
	background-position: 0 -840px;
	height: 15px;
}

div.blockLink .catList .icon16 {
	background-position: 0 -859px;
	height:15px;
}

div.blockLink .catList .icon17 {
	background-position: 0 -878px;
	height: 19px;
}

div.blockLink .catList .icon18 {
	background-position: 0 -902px;
	height:21px;
}

div.blockLink .linkStyle li.catList ul {
	padding: 0 0 10px 32px;
}

div.blockLink .linkStyle li.catList ul.last {
	background: none;
}

div.blockLink .linkStyle li.catList ul.icon01 {

	padding-left: 30px;
}

div.blockLink .linkStyle li.catList ul li {
	display: inline;
}

div.blockLink .linkStyle li.catList ul li a {
	background: url(/v2/images/mikle/bg_line01.gif) no-repeat 100% 50%;
	display: inline-block;
	font-size: 100%;
	padding: 0 7px 0 2px;
	white-space: nowrap;
}

div.general {
	position: relative;
	width: 728px;
	padding-bottom: 20px;
}


/* .stdwindow
---------------------------------------------------------------------------- */

.stdwindow {
	padding: 15px;
	font-size: .875rem;
}

.stdwindow #thickboxDetail h2 {
	margin-bottom: 10px;
	padding-top: 0;
}


/* .post_area
---------------------------------------------------------------------------- */

.post_area {
	padding: 20px;
	border-radius: 20px;
	background: #524B4B;
	color: #fff;
}

.post_area a,
.post_area a:hover,
.post_area a:visited {
	color: #fff;
}

/* .featherlight
---------------------------------------------------------------------------- */

body .featherlight {
	text-align: right;
	cursor: default !important;
}

body .featherlight:last-of-type {
	background: rgba(0,0,0,.05);
}

body .featherlight .featherlight-content {
	margin-right: 10px;
	padding: 0;
	border: none;
	box-shadow: 0 5px 10px #bbb;
}

body .featherlight .featherlight-close-icon {
	padding: 0 0 5px 5px;
	border-radius: 0 0 0 20px;
	color: #fff;
	background: #d63e58;
	transition: all .2s ease-out;
}

body .featherlight .featherlight-close-icon:hover {
	opacity: 0.5;
}


/* #manner
---------------------------------------------------------------------------- */

#manner{
	position: relative;
	border-radius: 5px;
	background-color: #FFEFEF;
}
#manner #title{
	padding: 10px 10px 10px 15px;
	border-radius: 5px 5px 0 0;
	color : #FFFFFF;
	font-size: 1.85rem;
	font-weight: 900;
	background: #FF8884;
}
#manner #title  img{
	position: absolute;
	top: 15px;
	right: 5px;
	width:200px;
	z-index: 99;
}
#manner > p{
	position: relative;
	width: 485px;
	line-height: 1.8;
	padding: 15px 20px;
}
#manner .notice{
	margin: 22px 20px 0;
	padding: 15px;
	border-radius: 15px;
	background-color: #ffffff;
}

#manner .notice li{
	width: auto;
	padding :5px 20px;
	}
#manner .notice li h2{
	text-indent: -10px;
	font-size: 1.2rem;
	font-weight: 900;
	color: #f56b68;
}
#manner .notice li.notice_img{
	margin-top: -37px;
	text-align: center;
}
#notice2 li h2{
	font-weight: 900;
	color: #72be61;
}
#manner .end{
	background-color: #FF6B66;
	color : #FFFFFF;
	width:90%;
	margin: 10px auto;
	padding: 12px;
	font-weight: 900;
}
#manner .end + p{
	width: 80%;
	background-color: #FFCCCC;
	margin:2px 5px 5px;
	padding: 5px;
	line-height: 1.4em;
}
#manner .noticelist{
	background-color: #FF6B66;
	color : #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding: 12px;
	font-weight: 900;
}
#noticelist + p{
	width: 95%;
	margin:2px 5px 5px;
	padding: 5px;
	line-height: 1.4em;
}
#noticelist + p a{
	display: inline-block;
	margin: 3px 0px;
	width: 32%;
	line-height: 1.4em;
	text-decoration: none;
	text-align: center;
	color: #FF6B66;
}

#manner .notice3 {
	font-weight: 900;
	color: #000000;
}


/* .theme_block
---------------------------------------------------------------------------- */

.theme_block {
	position: relative;
	margin: 40px 0 0 5px;
	padding: 20px 5px 10px 15px;
	border: 1px solid #ED7689;
	border-radius: 10px;
}

.theme_block h3 {
	position: absolute;
	left: -10px;
	top: -27px;
}

.theme_block h3 a {
	position:relative;
	display: block;
	padding: 5px 15px;
	box-shadow: 2px 2px 0 #D13030;
	border-radius: 30px 30px 0 30px;
	text-decoration: none;
	color: #FFF;
	font-size: 1.25rem;
	background: #E74B64;
	transition: .3s;
}

.theme_block h3 a:hover{
	left: 2px;
	top: 2px;
	background: #FF8C9E;
	box-shadow: inset 1px 1px 0 #E76E81;
}

.theme_list ol li {
	list-style-type: decimal;
}

.theme_list ul li {
	display: inline-block;
	width: auto;
	margin: 0 5px 5px 0;
}

.theme_article .theme_list ul li {
	padding-left: 0;
}

.theme_list ul li:after {
	display: none;
}

.theme_list li a {
	display: block;
	padding: 4px 8px;
	box-shadow: 1px 1px 0 #ff9595;
	border-radius: 3px;
	text-decoration: none;
	color: #743F3F;
	font-size: .8125rem;
	background: #FFE1E1;
	transition: .3s;
}

.theme_list li a:hover {
	box-shadow: inset 1px 1px 0 #ED7689;
	color: #FF173C;
	background: #FFF3F2;
}

.theme_list li a:visited {
	color: #C01A1A;
}

.theme_article {
	line-height: 1.8;
}

.theme_article h1,
.theme_article h2,
.theme_article h3,
.theme_article h4,
.theme_article h5,
h2.theme_h2 {
	margin: 0 0 20px 0;
}


.theme_article h1 {
	padding-bottom: 0;
	font-size: 1.75rem;
}

.theme_article h2,
h2.theme_h2 {
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 1.25rem;
	background: #FFECEC;
}

.theme_article h3 {
	padding-left: 5px;
	font-size: 1.125rem;
	border-left: 8px solid #FFE1E1;
}

.theme_article h4 {
	padding-left: 5px;
	font-size: 1rem;
	border-left: 3px solid #FFE1E1;
}

.theme_article h5 {
	padding-left: 8px;
	font-size: 1rem;
}


.theme_article p,
.theme_article .theme_img,
.theme_article ul,
.theme_article ol,
.theme_article blockquote {
	margin:0 0 25px 10px;
}

.theme_article .theme_img {
	text-align: center;
}

.theme_article strong {
	color: #000;
	font-size: 120%;
}

.theme_article a[target=_blank] {
	position: relative;
	padding-left: 14px;
	background: url("/images/sprite.gif") repeat 13px -971px;
}

.theme_article .ninja_onebutton a[target=_blank] {
	position: static;
	padding-left: 0;
	background: none;
}

.theme_article a[target=_blank]:after {
	content: "新規のタブが開きます";
	position: absolute;
	left: -10px;
	top: -37px;
	visibility: hidden;
	height: 27px;
	line-height: 27px;
	padding: 3px 5px;
	border-radius: 10px;
	color: #fff;
	white-space: nowrap;
	background: #555;
	opacity: 0;
	transition: .3s;
}

.theme_article a[target=_blank]:hover:after {
	visibility: visible;
	opacity: 1;
}

.theme_article a[target=_blank]:before {
	content: '';
	position: absolute;
	left: 2px;
	top: -4px;
	width: 0;
	height: 0;
	border: 5px solid  transparent;
	border-top: 6px solid #555;
	opacity: 0;
	transition: .3s;
}

.theme_article a[target=_blank]:hover:before {
	visibility: visible;
	opacity: 1;
}

.theme_article .theme_point {
	position: relative;
	padding: 10px 10px 10px 41px;
	border: 1px solid #67AE2E;
	border-radius: 3px;
	background: #F9FFF4;
}

.theme_article .theme_point:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 7px;
	width: 30px;
	height: 30px;
	background: url("/images/theme_sprite.png") no-repeat 0 0;
}

.theme_article .theme_attention {
	position: relative;
	padding: 10px 10px 10px 41px;
	border: 1px solid #EFBA16;
	border-radius: 3px;
	background: #FFFBED;
}

.theme_article .theme_attention:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 7px;
	width: 30px;
	height: 30px;
	background: url("/images/theme_sprite.png") no-repeat 0 -100px;
}

.theme_article li {
	margin-bottom: 7px;
}

.theme_article ul li {
	position: relative;
	padding-left: 12px;
	list-style: none;
}

.theme_article ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 8px;
	height: 30px;
	margin-top: -2px;
	background: url("/images/theme_sprite.png") no-repeat 0 -200px;
}

.theme_article ol li {
	list-style: decimal inside;
}

.theme_article blockquote {
	position: relative;
	padding: 10px 10px 10px 41px;
	border: 1px dashed #aaa;
	color: #888;
}

.theme_article blockquote:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 7px;
	width: 30px;
	height: 30px;
	background: url("/common/images/theme_sprite.png") no-repeat 0 -300px;
}

.theme_article .small {
	font-size: 0.8rem;
}

.theme_article .updatetime {
	text-align: right;
}

/* .edit_section
---------------------------------------------------------------------------- */

.edit_section {
	position: relative;
	margin: 35px 0 20px 5px;
	padding: 20px 20px 16px 15px;
	border: 1px solid #ED7689;
	border-radius: 2px;
	background: rgba(251,250,242, 0.5);
}

.edit_section h2 {
	position: absolute;
	left: -10px;
	top: -18px;
	padding: 3px 10px 3px 36px;
	border-radius: 6px;
	color: #fff;
	font-size: 1.2rem;
	background: none repeat scroll 0% 0% #ED7689;
}

.edit_section h2:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 9px;
	display: block;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border-radius: 20px;
	background: url("/v2/images/mikle/sprite.gif") no-repeat 0px -679px #fbfaf2;
}

.edit_section .left_area {
	float: left;
	width: auto;
}

.edit_section .right_area {
	float: right;
	width: 190px;
}

/* .link_list
---------------------------------------------------------------------------- */

.link_list li {
	display: inline-block;
	width: auto;
}

.link_list li a {
	display: block;
	margin-right: 5px;
	padding: 0 0 2px 9px;
	background: url(/v2/images/mikle/sprite.gif) 0 -936px;
	transition: all .1s ease-out;
}

.link_list li a:hover {
	background-position: 2px -936px;
}

/* .sysope
---------------------------------------------------------------------------- */

.sysope {
	position: relative;
	display: inline-block;
	margin: 0 0 16px 5px;
	padding: 5px 0 0 16px;
}

.sysope:after {
	content: "↑";
	position: absolute;
	left: 0;
	top: 5px;
	transition: all .1s ease-out;
}

.sysope:hover:after {
	top: 0;
}


/* .ad_area
---------------------------------------------------------------------------- */

.ad_area {
	margin: 45px 0 25px;
	text-align: center;
}

.config .ad_area {
	margin: 0 0 10px;
}

.ad_area > * {
	position: relative;
	padding-top: 5px;
	border-top: 1px dotted #aaa;
}

.ad_area > *:before {
	content: "スポンサード リンク";
	display: block;
	position: absolute;
	left: 0;
	top: -22px;
	color: #999;
	font-size: .875rem;
	font-weight: bold;
}

.ad_area > div{
	display: inline-block;
}

.imgsize{
	width:60%;
}
img#uploadtmp {
	max-width: 320px;
	max-height: 320px;
}
#image_ctl{
	display: none;
}
#post_loading {
	text-align: center;
	display: none;
	color: #000;
}
#post_loading img {
	vertical-align: middle;
	width: 40px;
	height: 40px;
}


@import "base.css";