@charset "utf-8";

/*============================================================
	Reset
============================================================*/

html, body, 
div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, blockquote, 
th, td, p{
	margin: 0;
	padding: 0;
}

ul, ol, li, dl, dt, dd{
	list-style: none;
}

img{
	border: none;
	vertical-align: middle;
}

.ss_habody .ss_haentrybody img, 
.ss_habody .ss_haentrymore img{
	max-width: 100%;
	height: auto;
}

/* =================================================
	Template
================================================= */

div#id_haouter{
	position: absolute;
	top: 0;
	right: 0;
/*	bottom: 0; */
	left: 0;
	margin: 0 auto;
/*	width: 802px; */
	height: auto;
	min-height: 100%;
	background-color: #ffffff;
	padding-right: 8px;
	padding-left: 8px;
/*	font-size: 0; */
	text-align: left;
/* Header Acc */
	width: 90%;
/* Header Acc */
/* SP Header Acc */
	max-width: 640px;
/* SP Header Acc */
}

div#id_hainner{
/*	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto; */
/*	width: 802px; */
/*	height: 500px; */
/* Header Tab 3 */
	margin: 24px auto 0 auto;
/* Header Tab 3 */
/* Header Acc */
	padding-bottom: 32px;
/* Header Acc */
}

.ss_hainner{
	position: relative;
/*	margin-top: 381px; */
/* Side Tab */
/*	width: 260px;
	margin-left: 810px; */
/* Side Tab */
}

div#id_haouter h1{
	padding: 4px;
	line-height: 1.2;
}

div#id_haouter h1 a{
	color: #000000;
	font-size: 16pt;
}

div#id_haouter .ss_hadesc{
	padding: 0 8px 0 8px;
	font-size: 10pt;
}

.ss_haheaderr label, 
.ss_haheadery label, 
.ss_haheaderg label{
	display: block;
	cursor: pointer;
}

.ss_haheaderr h2, 
.ss_haheadery h2, 
.ss_haheaderg h2, 
.ss_haheaderr h3, 
.ss_haheadery h3, 
.ss_haheaderg h3{
	font-size: 8pt;
	font-weight: normal;
}

.ss_haheaderr, 
.ss_haheadery, 
.ss_haheaderg{
/*	margin-right: 1px;
	margin-left: 1px; */
	font-size: 8pt;
}

.ss_halabel{
	margin-bottom: 4px;
/*	display: inline-block; */
}

div#id_haouter .ss_habody{
/*	position: absolute; */
/*	top: -381px;
	left: 0;
	width: 780px;
	height: 360px; */
/*	padding: 10px; */
	font-size: 10pt;
/*	border: 1px solid #b5b5b6; */
	overflow-x: hidden;
	display: block;
/* Side Tab */
/*	top: 0;
	left: -810px; */
/*	height: 480px; */
/* Side Tab */
/* Header Tab 3 */
	background-color: #ffffff;
	margin-right: -8px;
	margin-left: -8px;
/*	padding: 0 19px 32px 19px; */
/* Header Tab 3 */
/* Header Acc */
	padding: 0 18px 8px 18px;
/* Header Acc */
}

div#id_haouter input.ss_hainput[type="checkbox"]{
	display: none;
}

div#id_haouter input.ss_hainput[type="checkbox"] ~ .ss_habody{
	display: none;
}

div#id_haouter input.ss_hainput[type="checkbox"]:checked ~ .ss_habody{
	display: block;
}

div#id_haouter input.ss_hainput[type="checkbox"] + .ss_haheaderr{
	position: relative;
/*	z-index: 100; */
	background-color: #de4f1f;
/*	margin-right: 8px; */
	padding: 4px;
/*	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px; */
	color: #f0f0f0;
	font-size: 8pt;
/*	display: inline-block; */
/* Side Tab */
/*	margin-bottom: 4px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0; */
/* Side Tab */
/*	cursor: pointer; */
}

div#id_haouter input.ss_hainput[type="checkbox"] + .ss_haheadery{
	position: relative;
/*	z-index: 100; */
	background-color: #dece1f;
/*	margin-right: 8px; */
	padding: 4px;
/*	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px; */
	color: #f0f0f0;
	font-size: 8pt;
/*	display: inline-block; */
/* Side Tab */
/*	margin-bottom: 4px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0; */
/* Side Tab */
/*	cursor: pointer; */
}

div#id_haouter input.ss_hainput[type="checkbox"] + .ss_haheaderg{
	position: relative;
/*	z-index: 100; */
	background-color: #aede1f;
/*	margin-right: 8px; */
	padding: 4px;
/*	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px; */
	color: #f0f0f0;
	font-size: 8pt;
/*	display: inline-block; */
/* Side Tab */
/*	margin-bottom: 4px;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0; */
/* Side Tab */
/*	cursor: pointer; */
}

div#id_haouter input.ss_hainput[type="checkbox"]:checked + .ss_haheaderr, 
div#id_haouter input.ss_hainput[type="checkbox"]:checked + .ss_haheadery, 
div#id_haouter input.ss_hainput[type="checkbox"]:checked + .ss_haheaderg{
	background-color: #1faede;
	color: #f0f0f0;
}

div#id_htoverlay{
	position: fixed;
	z-index: 10000;
/*	bottom: 0; */
/*	width: 100%; */
	background-color: #303030;
	padding: 16px 24px;
	color: #909090;
	font-size: 10pt;
	text-align: left;
/*	white-space: nowrap; */
/* Side Tab */
	top: 0;
	left: 0;
	width: 200px;
	height: 100%;
/* Side Tab */
	display: none;
}

div#id_htoverlay a{
	color: #e0e0e0;
}

/* =================================================
	Style(Body)
================================================= */

.ss_habody li a{
	color: #909090;
}

.ss_haadv{
	margin-bottom: 6px;
	border: 1px solid #b5b5b6;
	vertical-align: bottom;
	display: inline-block;
}

.ss_habody .ss_haadvbar{
	height: 124px;
	padding: 4px 4px 0 4px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
}

.ss_habody .ss_haadvbar:hover{
	overflow-x: scroll;
}

.ss_habody .ss_hablogmenu ul li, 
.ss_habody .ss_haplginner ul li{
	background: url("http://blog-imgs-93.fc2.com/m/i/l/milldoll/ymd_favicon_2.png") no-repeat 2px 0px;
	margin-bottom: 2px;
	padding: 4px 4px 4px 28px;
	border-bottom: 1px dashed #B5B5B6;
}

.ss_habody .ss_hatitle{
	background-color: #1faede;
	margin: 0 -10px 4px -10px;
	padding: 4px;
	color: #f0f0f0;
}

.ss_habody .ss_hatitle a{
	color: #f0f0f0;
}

.ss_habody .ss_hasubtitle{
	background-color: #303030;
	margin: 0 -10px 4px -10px;
	padding: 4px 8px;
	color: #909090;
}

.ss_habody .ss_hasubtitle a{
	color: #e0e0e0;
}

.ss_habody .ss_haentrytitle{
	background-color: #303030;
	margin: 0 -10px 8px -10px;
	padding: 4px 8px;
	color: #909090;
	font-size: 8pt;
}

.ss_habody .ss_haentrytitle a{
	color: #e0e0e0;
}

.ss_habody div#tb_url{
	background-color: #e0e0e0;
	margin: 8px -10px 0 -10px;
	padding: 4px 8px;
}

.ss_habody .ss_hacontentsfooter{
	background-color: #303030;
	margin: 8px -10px 8px -10px;
	padding: 4px 8px;
	color: #909090;
}

.ss_habody .ss_hacontentsfooter li{
	display: inline;
}

.ss_habody .ss_hacontentsfooter a{
	color: #e0e0e0;
}

.ss_habody .ss_hacminner .ss_hacontentsfooter{
	background-color: #e0e0e0;
	margin: 4px -10px 0 -10px;
	padding: 4px 8px;
	color: #909090;
}

.ss_habody .ss_haedinner .ss_hacontentsfooter, 
.ss_habody .ss_hacmlinner .ss_hacontentsfooter, 
.ss_habody .ss_hatbinner .ss_hacontentsfooter{
	background-color: #e0e0e0;
	margin: 0 -10px 0 -10px;
	padding: 4px 8px;
	color: #909090;
}

.ss_habody .ss_hacminner .ss_hacontentsfooter a, 
.ss_habody .ss_haedinner .ss_hacontentsfooter a, 
.ss_habody .ss_hacmlinner .ss_hacontentsfooter a, 
.ss_habody .ss_hatbinner .ss_hacontentsfooter a{
	color: #303030;
}

.ss_habody .ss_hapager, 
.ss_habody .ss_haelpager{
	background-color: #e0e0e0;
	margin: 4px -10px 0 -10px;
	padding: 4px 8px;
	text-align: right;
}

.ss_habody .ss_hapager a{
	color: #303030;
}

.ss_habody .ss_haelpager strong, 
.ss_habody .ss_haelpager a{
	background-color: #ffffff;
	margin-left: 4px;
	padding: 4px;
	border: 1px #b5b5b6 solid;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	vertical-align: bottom;
	display: inline-block;
}

.ss_habody .submit_btn{
	margin-top: 8px;
	font-size: 10pt;
}

.ss_habody .submit_btn a{
	background-color: #303030;
	padding: 4px 8px;
	color: #e0e0e0;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	display: inline-block;
}

.ss_habody ul#id_hapagenavi{
	background-color: #e0e0e0;
	margin: 4px -10px 8px -10px;
	padding: 4px 8px;
	text-align: right;
}

.ss_habody ul#id_hapagenavi li{
	display: inline;
}

.ss_habody ul#id_hapagenavi li a{
	color: #303030;
}

.ss_habody .ss_hacopyright{
	text-align: center;
}

/* =================================================
	Style(Template)
================================================= */

.ss_habody .ss_hahf{
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	border: 1px solid #b5b5b6;
}

.ss_habody .ss_hahf h2{
	background-color: #303030;
	margin-right: -10px;
	margin-left: -10px;
	padding: 4px;
	color: #909090;
	font-size: 8pt;
	font-weight: normal;
}

.ss_habody .ss_hablogmenu, 
.ss_habody div#id_haelouter, 
.ss_habody .ss_haplginner, 
.ss_habody .ss_haeinner, 
.ss_habody .ss_hacminner, 
.ss_habody .ss_haedinner, 
.ss_habody .ss_hacmlinner, 
.ss_habody .ss_hatbinner{
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	border: 1px solid #b5b5b6;
}

.ss_habody .ss_haentry{
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	border: 1px solid #b5b5b6;
}

.ss_habody .ss_hacontent{
/*	margin-bottom: 10px; */
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	border: 1px solid #b5b5b6;
}

.ss_habody .ss_hapagenavi{
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	border: 1px solid #b5b5b6;
}

.ss_habody .ss_haplugin{
/*	margin-bottom: 10px; */
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	border: 1px solid #b5b5b6;
}

.ss_habody .ss_haentrydate{
	font-size: 10pt;
	display: inline-block;
}

.ss_habody .ss_haentrydate li{
	display: inline;
}

.ss_habody .ss_haentrystate{
	font-size: 10pt;
	display: inline-block;
}

.ss_habody .ss_haentrystate li{
	display: inline;
}

.ss_habody .ss_haentrybody .ss_haentrymore{
	background-color: #303030;
	padding: 4px 8px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #909090;
	text-align: center;
}

.ss_habody .ss_haentrybody .ss_haentrymore a{
	color: #e0e0e0;
}

.ss_habody .ss_haentryfooter{
	background-color: #303030;
	margin: 4px -10px 8px -10px;
	padding: 4px 8px;
	color: #909090;
	text-align: right;
}

.ss_habody .ss_haentryfooter li{
	display: inline;
}

.ss_habody .ss_haentryfooter a{
	color: #e0e0e0;
}

.ss_habody .ss_hapagenavi a{
	background-color: #303030;
	margin-bottom: 4px;
	padding: 4px 8px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	color: #e0e0e0;
	text-align: center;
	display: block;
}

.ss_habody .ss_hasubbody{
	margin-top: 12px;
	margin-bottom: 12px;
}

.ss_habody .ss_hasubfooter{
	background-color: #e0e0e0;
	margin: 4px -10px 32px -10px;
	padding: 4px 8px;
	text-align: right;
}

.ss_habody .ss_hasubfooter li{
	display: inline;
}

.ss_habody .ss_hasubfooter a{
	color: #909090;
}

.ss_habody .ss_hapostcm{
	background-color: #303030;
	margin: 0 -10px 12px -10px;
	padding: 4px 8px;
	color: #909090;
}

.ss_habody .ss_hapostcm a{
	color: #e0e0e0;
}

.ss_habody .ss_hatbinput{
	margin-top: 4px;
	margin-bottom: 8px;
}

/* =================================================
	Fadeout,Fadein
================================================= */

.ss_htfadeout{
	opacity: 0;
	transition: 2s ease-in-out;
	-webkit-transition: 2s ease-in-out;
}

.ss_htfadein{
	opacity: 1;
	transition: 2s ease-in-out;
	-webkit-transition: 2s ease-in-out;
}

/* =================================================
	Browser Change
================================================= */

div#id_haouter .ss_habchange{
	margin-top: 4px;
	font-size: 10pt;
	text-align: right;
}

div#id_haouter .ss_habchange a{
	color: #e0e0e0;
}

div#id_haouter .ss_habchangea{
	background-color: #303030;
	padding: 4px 8px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

/*============================================================
	Entry List (個別記事ページ以外の一覧表示)
============================================================*/

ul#id_haentrylist {
	margin-bottom: 12px;
	overflow: hidden;
}

ul#id_haentrylist li{
	margin: -1px 0 0;
	border-top: 1px solid #f2f2f2;
	clear: both;
}

ul#id_haentrylist li .ss_haentry{
	min-height: 74px;
	padding: 10px 30px 8px 10px;
	text-overflow: ellipsis;
	display: block;
}

ul#id_haentrylist li .ss_hainnerentry{
/*	width: 65%; */
	margin-left: 82px;
	display: inline-block;
}

ul#id_haentrylist li .ss_haentry strong{
	margin-bottom: 10px;
/*	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap; */
	display: block;
}

ul#id_haentrylist li .ss_haentry .ss_haposted{
	padding-top: 15px;
	padding-right: 10px;
}

.ss_hatmb{
	position: absolute;
	width: 72px;
	display: inline-block;
}

.ss_hatmb img{
	width: 72px;
	height: 72px;
}

/*============================================================
	-Index-
	Reset
	Basic
	Header
  Header Menu List
  Blog Introduction
	Main Contents
  Layout
  Page title
  Entry List
  Entry (個別記事表示)
  Comment List, Trackback List
  Comment Form
  Plugin Contents
  Contents Footer Links
  Profile (index mode)
	Ad
	Pager
	Page Navigation
	Blog Footer
============================================================*/

/*============================================================
	Basic
============================================================*/

body{
/*	width: 100%;
 	height: 100%; */
	background-image: url("http://blog-imgs-88.fc2.com/m/i/l/milldoll/ymd_htbgpattern.gif");
	font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
/* IE7 */
	font-size: small !important;
/* IE6 */
	font-size: 82%;
	line-height: 1.4;
	word-break: break-all;
/* Header Tab 3 */
	overflow-y: scroll;
/* Header Tab 3 */
}

/* Modern browser */
html > /**/ body{
	font-size: 13px;
}

h1, h2{
	font-weight: normal;
}

h3, h4, h5, h6{
	font-size: 10pt;
}

img, a img{
	border: none;
}

ul, ol, li, dl, dt, dd{
	list-style: none;
}

table{
	border: 0;
/* for Modern browser */
	font-size: small　!important;
/* for IE6 */
	font-size: 82%;
}

th, td{
	padding: 0;
}

th{
	font-weight: normal;
}

input, select, textarea{
	padding: 2px;
}

textarea{
	font-size: 100%;
}

html > /**/ textarea{
	font-size: 13px;
}

fieldset{
	border: none;
}

pre{
	font-family: monospace;
}

.emoji{
	vertical-align: middle;
}

.system_message{
	padding: 10px;
	color: #FF0000;
}

/* =================================================
	Hyper text
================================================= */

a{ 
	text-decoration: none;
/*\*/
/* for Fx */
	overflow: hidden;
}

a:link, 
a:visited{
/* リンク、訪問済みリンクの文字色 */
	color: #909090;
}

a:focus, 
a:hover, 
a:active{
/* リンクにポインタをのせた時の文字色 */
	color: #f0c000;
}

/* =================================================
	Font Color
================================================= */

body{
	color: #303030;
}