@charset "UTF-8";

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

title: livedoor blog CMS framework CSS (Common)
created: 2008-11-26

table of contents
  01 all
    1 default style reset
    2 global header
    3 main contents
    4 nav
    5 footer frame
    6 floating box
    7 color pallet

  02 member CMS
    1 common
    2 contents header
    3 main contents
    4 footer

  03 blog CMS
    1 contents header
    2 nav
    3 main contents

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

/* temporary */
li.oldType a {
	padding: 2px 0 2px 28px;
	background: url(/img/cms2/common/icon/old.gif) no-repeat left center;
	color: #fbfbbf!important;
	font-weight: bold;
}

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

   =01 all

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

/* =1 default style
-------------------------------------------------------- */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,table,th,tr,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,hr,span,a,img,strong,em,ins,del,cite,abbr,acronym,sup,sub,dfn,code,var,samp,kbd {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

li {
	list-style-type: none;
}

html {
	height: 100%;
}

body {
	position: relative;
	height: auto!important;
	height: 100%;
	min-height: 100%;
	line-height: 1.3;
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 83%;
}
/** disable user select used by floating box **/
body.unselect {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

* html body { font-family: "ＭＳ Ｐゴシック",sans-serif; }
*:first-child+html body { font-family: "ＭＳ Ｐゴシック",sans-serif; }

img {
	vertical-align: bottom;
}

a img {
	border: none;
}


/* style library
------------------------------------------------- */
/* アイコンが付く程に重要なテキスト
------------------------------------------ */
.priority {
	padding: 1px 0 2px 20px;
}


/* アイコンが示すテキストの傾向
------------------------------------------ */
.attention {background: url(/img/cms2/common/icon/attention.gif) no-repeat left top;}
.caution {background: url(/img/cms2/common/icon/caution.gif) no-repeat left top;}
.create {background: url(/img/cms2/common/icon/create.gif) no-repeat left top;}
.dice {background: url(/img/cms2/common/icon/dice.gif) no-repeat left top;}
.edit {background: url(/img/cms2/common/icon/edit.gif) no-repeat left top;}
.mail {background: url(/img/cms2/common/icon/mail.gif) no-repeat left top;}
.pc {background: url(../../..//img/cms2/common/icon/form-pc.gif) no-repeat left top;}
.mobile {background: url(../../..//img/cms2/common/icon/form-mobile.gif) no-repeat left top;}
.search {background: url(/img/cms2/common/icon/search.gif) no-repeat left top;}
.infomation {background: url(/img/cms2/common/icon/infomation.gif) no-repeat left top;}
input.priority {
	padding: 3px 0 3px 25px;
	background-color: #fff;
	background-position: 3px 3px;
}
img.memberIcon {
	width: 16px;
}
img.rankingIcon {
	vertical-align: baseline;
}

/* helpくん
------------------------------------------ */
.help {
	cursor: help;
}
.ldhelp img {
	vertical-align: top;
}

/* フォームパーツ
------------------------------------------ */
form .hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
.button {
	cursor: pointer;
}
.button:active {
	position: relative;
	top: 1px;
	left: 1px;
}


/* 送信ボタン
------------------------------------------ */
form div.submit {
	margin: 0 10px;
	padding-bottom: 8px;
}
form div.submit div {
	padding-top: 8px;
	text-align: center;
}
body.config form div.submit {
	padding-bottom: 0;
}
body.config form div.submit div {
	padding-top: 0;
}


/* テーブル状フォーム
------------------------------------------ */
.data {
	clear: both;
	padding-bottom: 10px;
	padding: 10px;
}
.data table {
	width: 688px;
	margin: 0 auto;
	border-collapse: collapse;
}
.feedback th,
.data th {
	padding-bottom: 3px;
	font-weight: normal;
}
.feedback th span,
.data th span {
	display: block;
	padding: 10px 0 7px;
	}

/* 770px */
.function table {
	width: 770px;
}


/* 送信
------------------------------------------ */
body#configMemberIndex div.formWrapper div.submit {
	padding-bottom: 8px;
}
body#configMemberIndex div.formWrapper div.submit div {
	padding-top: 8px;
}


/* ページング
------------------------------------------ */
div.paging * {
	zoom: 1;
}
div.paging {
	padding: 8px 0 15px;
	text-align: center;
}
div.paging p,
div.paging ol {
	display: inline;
}
div.paging p.prev {
	margin-right: 3px;
}
div.paging p.next {
	margin-left: 3px;
}
div.paging li {
	display: inline;
}
div.paging a {
	margin: 1px;
	padding: 5px 9px;
	font-weight: bold;
}
div.paging span {
	padding: 5px 9px;
	font-weight: bold;
}


/* 操作報告メッセージ
------------------------------------------ */
dl.message {
	margin-top: 10px;
	zoom: 1;
}
dl.message dt {
	padding: 15px 0 5px 15px;
	font-size: 115%;
	font-weight: bold;
}
dl.message dd ul {
	padding-left: 20px;
	padding-bottom: 15px;
}
dl.message dd li {
	display: inline;
	margin-right: 5px;
	font-size: 120%;
	font-weight: bold;
}
dl.message dd li a {
	padding-left: 20px;
}


/* エラーメッセージ
------------------------------------------ */
div.error {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 15px;
}
div.error ul {
	padding: 10px 10px 0 47px;
}
div.error ul li {
	padding-top: 5px;
	font-size: 110%;
	font-weight: bold;
}
div.error1 {
	width: 790px;
}
div.error2 {
	width: 590px;
}


/* 現在のコメント・トラバ数
------------------------------------------ */
dl.nowFeedback {
	margin: 10px 0;
	padding: 15px 0 0 0;
	overflow: auto;
	font-size: 110%;
}

	dl.nowFeedback dt {
		float: left;
		padding-left: 15px;
	}

	dl.nowFeedback dd {
		padding-bottom: 10px;
	}

		dl.nowFeedback dd a {
			position: relative;
			top: -3px;
			margin-left: 5px;
			font-size: 130%;
			font-weight: bold;
			vertical-align: top;
		}



/* タブナビ
（画像情報は各ASP CSSへ記述）
------------------------------------------ */
.changeoverNav {
	position: relative;
	z-index: 1;
	margin-left: 12px;
	zoom: 1;
}

	.changeoverNav li {
		float: left;
		margin-right: 4px;
	}

	.changeoverNav li {
		display: block;
	}

		.changeoverNav li a,
		.changeoverNav li span {
			display: block;
			padding: 0 20px;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
		}

	.changeoverNav li.now {
		padding-right: 6px;
	}

		.changeoverNav li.now a,
		.changeoverNav li.now span {
			line-height: 37px;
			font-size: 110%;
		}

	.changeoverNav li.switch {
		padding-right: 5px;
		margin-top: 6px;
	}

		.changeoverNav li.switch a,
		.changeoverNav li.switch span {
			line-height: 31px;
		}

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

.section {
	position: relative;
	top: -1px;
	z-index: 10;
}






/* その他
------------------------------------------ */
.mixi {
	color: #ff9400;
	background: url(/img/cms2/common/icon/mixi.gif) no-repeat;
}

span.separator {
	margin-right: 0.5em;
	margin-left: 0.5em;
}





/* 大枠
------------------------------------------ */
.mainContainer {
	background: #fff;
}



/* 角丸ボックス
------------------------------------------ */
.container {
	padding-bottom: 8px;
}


.box {
	width: 770px;
}


div.box {
	clear: left;
	margin: 10px auto;
}

	div.box div.boxTop {
		padding-top: 15px;
		padding-left: 20px;
	}

		div.box h2 {
			float: left;
			margin-right: 7px;
			padding-left: 20px;
		}

    div.box p.h2Description {
      margin-top: 10px;
      margin-left: 20px;
    }

ul.boxLast {
	clear: left;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 15px;
}



	ul.boxLast li {
		clear: left;
		margin-top: 10px;
		padding-top: 15px;
	}

	ul.boxLast li:first-child {
		margin-top: 0;
		border-top: none;
	}

		ul.boxLast h3 {
			float: left;
			padding-left: 10px;
		}




div.nowLoading {
        padding-top: 10px;
        text-align: center;
}








/* ---------------------
memo
report/index
--------------------- */
dl.announcement {
	padding-bottom: 15px;
}

	dl.announcement dt {
		font-weight: bold;
	}

	dl.announcement dd {
		padding-left: 22px;
	}

/* clearfix
-------------------------------------------------------- */
.clearfix:after {
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  height: auto;
  overflow: hidden;
}










/* =2 global header
-------------------------------------------------------- */
div#globalHeader {
  background: #168ae4;
  box-shadow: 0px 1px 3px 1px rgba(10,97,162,0.72);
  position: relative;
  z-index: 10;
/* clearfix */
	overflow: auto;
	overflow: auto!important;
	overflow: visible;
	zoom: 1;
/* end */
}
div#globalHeader .globalHeader_inner{
  width: 980px;
  margin: 0 auto;
  padding: 12px 0;
  overflow: hidden;
}
div#globalHeader #logo{
  float: left;
}
	div#globalHeader .float_wrapper {
  float: left;
	}
    div#globalHeader .float_wrapper #logo{
      float: left;
      width: 150px;
      margin-right: 65px;
      padding-top: 3px;
    }
      div#globalHeader .float_wrapper #logo img{
        width: 100%;
        max-width: 100%;
      }
      div#globalHeader .float_wrapper #logo a:hover{
        opacity: 0.5;
      }
    div#globalHeader .float_wrapper .user_info{
      float: left;
      position: relative;
      font-size:14px;
    }
      div#globalHeader .float_wrapper .user_info .myIcon{
        width: 35px;
      }
        div#globalHeader .float_wrapper .user_info .myIcon img{
          width: 100%;
          max-width: 100%;
        }
      div#globalHeader .float_wrapper .user_info .user_name{
        position: absolute;
        top: 8px;
        left: 55px;
        white-space: nowrap;
        color: #fff;
        padding-bottom: 2px;
      }
      div#globalHeader .float_wrapper .user_info .user_name:hover{
        border-bottom: 1px solid #fff;
      }
      div#globalHeader .float_wrapper .user_info .user_name .mr{
        font-size: 12px;
      }

    div#globalHeader .logout a{
      text-decoration: none;
      padding-left: 22px;
    }

		div#globalHeader .logout{
			float: right;
			margin-top: 10px;
      height: 18px;
      line-height: 16px;
      background: url(/img/cms2/common/default/icon10_logout.png) no-repeat;
      background-size: 16px 18px;
    }
    div#globalHeader .logout:hover{
      border-bottom: 1px solid #fff;
      padding-bottom: 2px;
    }








/* =3 contents header
-------------------------------------------------------- */
div#contents {
	clear: both;
	width: 980px;
	margin: 0 auto;
  background: #eef6ff;
}
body.blog div#contents {
  padding-bottom: 218px;
}
div#contents:after {
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
* html div#contents{
    height: 1px;
    height: auto;
    overflow: hidden;
}





/* nickとログアウトのナビ
------------------------------------------------- */
	div#contents ul.user {
		float: right;
		padding-right: 8px;
	}

		div#contents ul.user li {
			float: left;
			margin-left: 10px;
		}


		div#contents ul.user li a {
			margin-right: 2px;
		}

body.member div#contents ul.user {
	margin-bottom:14px;
}










/* =4 main contents
-------------------------------------------------------- */
div.wrapper {
  position: relative;
  zoom: 1;
  background: #fff;
  width: 830px;
  height: 100%;
  min-height: calc(100vh - 277px); 
  float: left;
}
* html body.blog div.wrapper {
	margin-bottom: 13px;
}
body.member div.wrapper {
    min-height: calc(100vh - 59px);
}
div.wrapper:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
div#mainContents div#article {
	height: auto!important;
	height: 290px;
	min-height: 290px;
	padding-bottom: 50px;
}
div#mainContents div#article h1 {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  margin: 20px 0 10px;
  padding-left: 0;
  font-weight: bold;
  font-size: 16px;
  color: #4C4C4C;
  zoom: 1;
  #background: url(/blog_portal/pc/img/bg_headTtl.png) no-repeat bottom left;
  padding: 1px 0 7px 0px;
}


* html body.member div#mainContents div.goToTopWrapper {
	position: relative;
	zoom: 1;
}


/* * html body.comment div#mainContents div.goToTopWrapper {
	padding-bottom: 30px;
}
* html body.members div#mainContents div.goToTopWrapper {
	padding-bottom: 150px;
}

* html body#memberBlogDeleteDone div#mainContents div.goToTopWrapper {
	padding-bottom: 430px;
}
* html body#memberBlogIndex div#mainContents div.goToTopWrapper {
	padding-bottom: 150px;
}
* html body#configBlogImportFinish div#mainContents div.goToTopWrapper {
	padding-bottom: 250px;
}

* html body#memberConfigBlog div#mainContents div.goToTopWrapper {
	padding-bottom: 50px;
} */

div#mainContents p.goToTop,
body.blog p.goToTop {
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	width: 956px;
	text-align: right;
}
body.blog div#mainContents p.goToTop{
}

* html div#mainContents p.goToTop {
	bottom: -59px;
	right: -18px;
}

/* * html body#memberConfigBlog div#mainContents p.goToTop,
* html body#memberConfigIndex div#mainContents p.goToTop {
	right: -18px;
} */



	div#mainContents p.goToTop a,
  body.blog p.goToTop a {
		display: inline;
		float: right;
		width: 60px;
		height: 50px;
		margin-right: 34px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	}
		div#mainContents p.goToTop a span,
    body.blog p.goToTop a span {
			position: absolute;
			width: 0;
			height: 0;
			overflow: hidden;
		}













/* =5 footer frame
-------------------------------------------------------- */
div#contentsFooter {
	zoom: 1;
}


div#contentsFooter {
  height: 240px;
	clear: left;
  width: 100%;
  height: 218px;
  overflow: hidden;
	position: absolute;
  bottom: 0;
  background: #eef6ff;
  box-shadow: 0 2px 1px 3px rgba(83, 152, 203, 0.4);
  z-index: 10;
}
div#contentsFooter .contentsFooterInner{
    width: 980px;
    margin: 0 auto;
}


div#contentsFooter h1 {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* パンくずリスト
------------------------------------------------- */
div#contentsFooter ol.presentLocation {
	padding-top: 3px;
	padding-left: 20px;
/* clearfix */
	overflow: auto!important;
	overflow: visible;
	zoom: 1;
/* end */
}

div#contentsFooter ol.presentLocation li {
	float: left;
}


div#contentsFooter ol.presentLocation li a {
	display: block;
	min-height: 1.5em;
	padding: 10px 20px 5px 10px;
}

div#contentsFooter ol.presentLocation li.present span {
	display: block;
	padding: 9px 20px 8px 10px;
}

div#contentsFooter ol.presentLocation li.home a {
	display: block;
	width: 18px;
	height: 18px;
}

div#contentsFooter ol.presentLocation li.home a span {
	display: block;
	text-indent: -99999px;
}
* html div#contentsFooter ol.presentLocation li a {
	line-height: 1.25em;
}





/* サイトマップ
------------------------------------------------- */
div#footerSiteMap {
	clear: left;
	padding: 30px 8px 0 8px;
/* clearfix */
	overflow: auto!important;
	overflow: visible;
	zoom: 1;
/* end */
}


	div#footerSiteMap div.siteNav {
		float: left;
		width: 214px;
		margin-right: calc(104px / 3);
	}
  div#footerSiteMap div.siteNav:last-of-type{
    margin-right: 0;
  }

		div#footerSiteMap div.siteNav h2 {
			padding-bottom: 5px;
      font-size: 14px;
      color: #1da1f2;
      border-bottom: 2px solid #1da1f2;
      margin-bottom: 10px;
		}


		div#footerSiteMap div.siteNav ul {
			padding-bottom: 10px;
		}

			div#footerSiteMap div.siteNav li {
				padding-bottom: 2px;
			}


/* global footer
------------------------------------------------- */
div#globalFooter {
	width: 100%;
	bottom: 0;
}

	p#copyright {
    text-align: right;
    padding-bottom: 12px;
	}


/* dialog
---------------------------------------------------------- */
p.completeMessage {
	padding: 15px 5px 15px;
	text-align: center;
}
p.confirmMessage {
	padding: 15px;
	text-align: center;
}
div.blogIconUpload {
	padding: 15px;
	text-align: center;
}


/* =6 floating box
-------------------------------------------------------- */
div.ldblog_floatingbox_over {}

div.ldblog_floatingbox_over *.none {
	display: none;
}

div.ldblog_floatingbox_over .ondrag {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	cursor: move;
}

div.ldblog_floatingbox {
    border: 1px solid #fff;
	position: absolute;
	border-bottom: 4px solid #fff;
}

div.ldblog_floatingbox_inner {
    border-top: 4px solid #499ff6;
    border-left: 4px solid #499ff6;
    border-right: 4px solid #499ff6;
}

div.ldblog_floatingbox_min {
	height: 27px!important;
}

div.ldblog_floatingbox_min div.ldblog_floatingbox_body {
	display: none;
}

div.ldblog_floatingbox_header {
	background-repeat: no-repeat;
	background-color: #499ff6;
	text-align: right;
	height: 27px;
	overflow: hidden;
	zoom: 1;
}
span.ldblog_floatingbox_header_text {
	float: left;
	color: #fff;
	/*padding-left: 27px;*/
	padding-left: 5px;
	line-height: 22px;
	font-weight: bold;
	font-size: 14px;
}
div.ldblog_floatingbox_header input {
	width: 22px;
	height: 22px;
	margin-left: 1px;
}

div.ldblog_floatingbox_helpbox {
	background: url(/img/cms2/common/icon/help22.gif) no-repeat left top;
	margin-top: 30px;
	margin-right: -39px;
	position: absolute;
	right: 53px;
	top: 0;
	text-align: left;
	width: 400px;
	z-index: 10;
}

div.ldblog_floatingbox_helpbox_close {
	float: right;
	margin: 15px 11px 0 8px;
}

div.ldblog_floatingbox_helpbox_text {
	background: #d3f0ff;
	margin-top: 5px;
	padding: 10px;
}

div.ldblog_floatingbox_body {
	background: white;
    border-bottom: 4px solid #499ff6;
	position: relative;
}

div.ldblog_floatingbox_body_overlay {
	position: absolute;
	top: 0px; left: 0px;
	/* width: 593px; */
	z-index:100;
}

div.ldblog_floatingbox_bg_filter {
	position: fixed;
	_position: absolute;
	background: #000;
	width:100%;
	height: 100%;
	top: 0;
	left: 0;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.3;
}

div.ldblog_floatingbox_body iframe {
	border: 0;
}

div.ldblog_floatingbox_over p.coverImagePxConfirmText {
        padding: 10px 10px 0px 10px;
}

div.confirmBox {
	padding: 20px 10px;
	text-align: center;
}

div.confirmBox.snippet {
	padding: 1px 10px;
	text-align: center;
}

div.confirmBox p.confirmContent {
	margin-bottom: 20px;
	text-align: center;
}

ul.confirmButton li {
	display: inline;
	margin-right: 5px;
}
ul.confirmButton {
	text-align: center;
}



/* =7 color pallet
-------------------------------------------------------- */
table.webSafeColorPallet {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}

table.webSafeColorPallet tr {}

table.webSafeColorPallet tr td {
	width: 10px;
	height: 10px;
	border-left: 1px solid black;
	border-top: 1px solid black;
	font-size:1px;
}

table.webSafeColorPallet tr td a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1px;
	text-decoration: none;
}

/* =8 button2
-------------------------------------------------------- */
input.button2 {
	font-weight: bold;
	padding: 6px 30px;
}

input.button2s {
	font-weight: normal;
	padding: 1px 5px;
}

* html input.button2 {
	padding: 6px 15px;
}

*:first-child+html input.button2 {
	padding: 6px 15px;
}

* html input.button2s {
	padding: 1px 0;
}
*:first-child+html input.button2s {
	padding: 1px 0;
}

input.button2:active,
input.button2s:active {
	position: relative;
	left: 1px;
	top: 1px;
}

input.btYellow {
	border: 1px solid #d3a801;
	color: #624c00;
	background: #fffcf5 url(/img/cms2/common/btn/bt-yellow.gif) repeat-x left top;
	cursor: pointer;
}

input.btGray {
	border: 1px solid #acafaa;
	color: #333;
	background: #ffffff url(/img/cms2/common/btn/bt-gray.gif) repeat-x left top;
	cursor: pointer;
}

input.btRed {
	border: 1px solid #ffa1a1;
	color: #4c4c4c;
	background: #ffffff url(/img/cms2/common/btn/bt-red.gif) repeat-x left top;
	cursor: pointer;
}

/* =9 button3
-------------------------------------------------------- */
input.button3 {
	border-radius: 5px;
	height: 36px;
	min-width: 120px;
	font-size: 13px;
	cursor: pointer;
	font-weight: bold;
	margin: 0;
}
.bt3Gray {
	border: 1px solid #cacfc8;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
	color: #666;
}
.bt3Gray:hover {
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(220,220,220,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(220,220,220,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(220,220,220,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(220,220,220,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(220,220,220,1) 100%);
}
.bt3Orange {
	border: 1px solid #ff8921;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	background: #ffa921;
	background: -moz-linear-gradient(top, rgba(255,197,10,1) 0%, rgba(255,137,33,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,197,10,1)), color-stop(100%,rgba(255,137,33,1)));
	background: -webkit-linear-gradient(top, rgba(255,197,10,1) 0%,rgba(255,137,33,1) 100%);
	background: -o-linear-gradient(top, rgba(255,197,10,1) 0%,rgba(255,137,33,1) 100%);
	background: linear-gradient(to bottom, rgba(255,197,10,1) 0%,rgba(255,137,33,1) 100%);
	color: #fff;
}
.bt3Orange:hover {
	background: rgb(255,137,33);
	background: -moz-linear-gradient(top, rgba(255,177,10,1) 0%, rgba(255,106,33,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,177,10,1)), color-stop(100%,rgba(255,106,33,1)));
	background: -webkit-linear-gradient(top, rgba(255,177,10,1) 0%,rgba(255,106,33,1) 100%);
	background: -o-linear-gradient(top, rgba(255,177,10,1) 0%,rgba(255,106,33,1) 100%);
	background: linear-gradient(to bottom, rgba(255,177,10,1) 0%,rgba(255,106,33,1) 100%);
}

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

   =02 member CMS

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


/* =1 common
-------------------------------------------------------- */
body.member div.wrapper {
	clear: right;
}


/* =2 contents header
-------------------------------------------------------- */
body.member div#contentsHeader {
	clear: both;
	float: left;
    min-height: calc(100vh - 300px); 
}

body.member div#contentsHeader h1.home a {
  color: #1da1f2;
  text-decoration: none;
	display: block;
	width: 150px;
	height: 50px;
  margin-left: -44px;
}
body.member div#contentsHeader h1.home a:hover {
	width: 150px;
	height: 50px;
}
body.member div#contentsHeader h1.home span{
  line-height: 50px;
  width: 100%;
  height: 50px;
  margin-left: 44px;
  font-size: 14px;
}
body.member div#contentsHeader div.nav p.config a {
	display: block;
	float: right;
	width: 100px;
	height: 26px;
}
body.member div#contentsHeader div.nav p.config a span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
body.member div#contentsHeader div.nav p.config a:hover {
	width: 100px;
	height: 26px;
}
body.member div#contentsHeader div.nav p.config a:hover img {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* マイページ
------------------------------------------------- */
body.member div#contentsHeader {
}

body.member div#contentsHeader div.nav {
	width: 146px;
  background: #cde1fa; 
  border-left: 4px solid #1da1f2;
}

body.member div#contentsHeader h1 {
  margin-left: 10px;
  padding-left: 30px;
  background: url(/img/cms2/blog/default/nav/icon01_hover.png) no-repeat 0 15px; 
  background-size: 20px 18px;
  position: relative;
}
body.member div#contentsHeader h1:after{
  content: "";
  width: 150px;
  height: 1px;
  display: block;
  margin-left: -44px;
  background: #b6d3f8;
}
body.member div#contentsHeader .side_banner{
  position: relative;
	padding-top: 106px;
}
body.member div#contentsHeader .side_banner:before{
  content: "";
  width: 150px;
  height: 1px;
  display: block;
  background: #fff;
  position: absolute;
  top:0px;
}
body#blogCreateIndex div#contentsHeader h1 {
  padding-top: 4px;
}

body.member div#contentsHeader p.myIcon {
  zoom: 1;
}
body.member div#contentsHeader .side_banner>div{
  margin: 0 8px;
  margin-bottom: 28px;
}



/* アイコン
------------------------------------------------- */
body.member div#contentsHeader p.myIcon {
	position: relative;
	padding: 89px 10px 20px 10px;
	text-align: center;
}
body.member div#contentsHeader p.myIcon img {
	position: absolute;
	top: 14px;
	left: 36px;
}
body.member div#contentsHeader p.myIcon span {
	margin-left: 4px;
}
body.member div#contentsHeader p.myIcon span a {
	margin-left: 5px;
	font-size: 75%;
}
*:first-child+html body.member div#contentsHeader p.myIcon span a {
	font-size: 70%;
}
* html body.member div#contentsHeader p.myIcon span a {
	font-size: 70%;
}
body.member div#contentsHeader p.myIcon a.accountConfig {
	margin: 0 2px;
}
body.member div#contentsHeader p.config {
	padding: 0 9px 3px 0;
	text-align: right;
	overflow: hidden;
	zoom: 1;
}



/* オプション（ポイントなど）
------------------------------------------------- */
body.member div#contentsHeader div.option {
	width: 136px;
	padding-bottom: 17px;
}
body.member div#contentsHeader div.option h2 {
	padding: 12px 10px 8px 15px;
}
body.member div#contentsHeader div.option p.value {
	padding: 5px 10px 5px 10px;
	text-align: right;
}
body.member div#contentsHeader div.option p.value a {
	margin-right: 3px;
	font-size: 150%;
	font-weight: bold;
}
body.member div#contentsHeader div.option p.nav {
	padding: 0 24px 0 0;
	text-align: right;
}
body.member div#contentsHeader div.option2 {
	width: 136px;
	padding-bottom: 12px;
}
body.member div#contentsHeader div.option2 p.value {
	padding: 12px 8px 0;
}


/* =3 main contents
-------------------------------------------------------- */
body.member div#mainContents {
	width: 830px;
	padding-top: 16px;
}

body.member div#mainContents div#article {
  width: 790px;
  margin:  0 auto;
}
body.member div#mainContents #blogPortalInfo li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* =4 footer
-------------------------------------------------------- */
body.member div#contentsFooter,
* html body.member div#contentsFooter * {
	position: relative;
}

* html body#joined div#article  div.goToTopWrapper {
  padding-bottom: 310px!important;
}


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

   =03 blog CMS

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



/* =1 contents header
-------------------------------------------------------- */
/* ホームボタンとブログ情報
------------------------------------------------- */
body.blog div#contentsHeader {
	clear: both;
	padding: 13px;
	zoom: 1;
  background: #eef6ff;
  margin: 16px 20px 0;
  border: 1px solid #cde1fa;
  border-radius: 5px;
  overflow: hidden;
}
body.blog div#contentsHeader p.home {
	position: absolute;
	top: 3px;
	left: 7px;
}
body.blog div#contentsHeader p.home a {
	display: block;
	width: 122px;
	height: 93px;
}
body.blog div#contentsHeader p.home a span {
}
body.blog div#blogInfomation {
}
body.blog div#blogInfomation h1 {
	position: relative;
	padding-right: 220px;
	padding-left: 88px;
	font-size: 125%;
	zoom: 1;
}
body.blog div#blogInfomation h1 img.blogIcon {
	position: absolute;
	left: 0;
	top: 0;
}
body.blog div#blogInfomation h1 a.blogEdit {
	position: absolute;
	left: 50px;
	top: 61px;
	display: block;
	width: 27px;
	height: 16px;
}
body.blog div#blogInfomation h1 a.blogEdit span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
img.paymentStatus {
	float: left;
	margin: 10px;
}
body.blog img.paymentStatus{
  margin: 0 10px 0 0;
}
body.blog div#blogInfomation h1 img.ranking {
	margin-left: 5px;
}
body.blog div#blogInfomation h1 img.rankingIcon{
  margin-bottom: 4px;
}
body.blog div#blogInfomation p.category {
	padding-left: 88px;
	font-size: 10px;
}
body.blog div#blogInfomation p.description {
	margin: 4px 200px 0 88px;
/* peek a boo fix */position: relative;
}
body.blog div#blogInfomation div.response {
	width: 723px;
	margin-top: 10px;
	margin-left: -14px;
	padding-left: 100px;
	overflow: auto;
  font-size: 10px;
}
body.blog div#blogInfomation div.response h2 {
	float: left;
	font-weight: normal;
  width: 82px;
  height: 14px;
	line-height: 14px;
  border-radius: 7px;
  text-align: center;
  margin: 0 6px 6px 0;
}
body.blog div#blogInfomation div.response h2:nth-of-type(3),
body.blog div#blogInfomation div.response h2:nth-of-type(4) {
  margin: 0 6px 0  0;
}
*:first-child+html body.blog div#blogInfomation div.response h2 { width: 70px; }
* html body.blog div#blogInfomation div.response h2 { width: 70px; }

*:first-child+html body.blog div#blogInfomation div.response h2.trackback { width: 100px; }
* html body.blog div#blogInfomation div.response h2.trackback { width: 100px; }

body.blog div#blogInfomation div.response h2.traffic{
	clear: left;
}
div#blogInfomation div.response>p {
  height: 14px;
  line-height: 16px;
}
body.blog div#blogInfomation div.response p.comment {
	float: left;
	margin-right: 15px;
	width: 500px;
}
body.blog div#blogInfomation div.response p.message,
body.blog div#blogInfomation div.response p.comment,
body.blog div#blogInfomation div.response p.trackback {
	float: left;
	width: auto!important;
	width: 130px;
	min-width: 130px;
	margin-right: 15px;
  font-size: 12px;
}
body.blog div#blogInfomation div.response p span,
body.blog div#blogInfomation div.response p a {
	font-weight: bold;
  width: 60px;
}
body.blog div#blogInfomation div.response p span.separator {
	font-weight: normal;
}


/* メンバーリスト
------------------------------------------------- */
body.blog div#blogInfomation div.memberList {
	position: absolute;
	top: 16px;
	right: 20px;
	width: 120px;
	padding-bottom: 11px;
}
body.blog div#blogInfomation div.memberList h2 {
  color: #fff;
  text-align: center;
  height: 27px;
  line-height: 27px;
	font-size: 11px;
	font-weight: normal;
  background: #0085e8;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
body.blog div#blogInfomation div.memberList h2 a {
	color: #fff;
  margin: 0 1px;
	font-weight: bold;
}
body.blog div#blogInfomation div.memberList ul {
	margin: 12px 0 0 10px;
}

* html body.blog div#blogInfomation div.memberList ul { zoom: 1; }
*:first-child+html body.blog div#blogInfomation div.memberList ul { zoom: 1; }
body.blog div#blogInfomation div.memberList ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

body.blog div#blogInfomation div.memberList li {
	float: left;
  width: 20px;
	margin: 0 6px 13px 0;
}
body.blog div#blogInfomation div.memberList li:nth-child(4n+1) {
  clear: left;
  margin-left: 2px;
}
body.blog div#blogInfomation div.memberList li img{
  width: 100%;
  max-width: 100%;
  height: auto;
}
body.blog div#blogInfomation div.memberList li.invite {
	padding-top: 2px;
	padding-left: 5px;
	font-size: 90%;
}
body.blog div#blogInfomation div.memberList li.edit {
	background: none;
	padding-top: 3px;
}
body.blog div#blogInfomation div.memberList li.edit a {
	display: block;
	width: 16px;
	height: 16px;
}
body.blog div#blogInfomation div.memberList li.edit a span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
body.blog div#blogInfomation div.memberList img {
}
body.blog div#blogInfomation div.memberList li.owner{
  margin: -2px 8px 11px 0;
}
body.blog div#blogInfomation div.memberList li.owner img {
	padding: 1px;
}


/* =2 nav
-------------------------------------------------------- */
/* global nav
------------------------------------------------- */
body.blog div.aside {
	float: left;
  width: 150px;
}
body.blog div#globalNav {
	width: 150px;
}
body.blog div#globalNav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
body.blog div#globalNav li{
  background: #eef6ff;
  font-size: 14px;
}
body.blog div#globalNav ul:after,
body.blog div#globalNav li:before,
body.blog div#globalNav li:after{
  content: "";
  width: 150px;
  height: 1px;
  display: block;
  background: #fff;
}
body.blog div#globalNav li:after{
  background: #cde1fa;
}
body.blog div#globalNav li:hover:after{
  background: #b6d3f8;
}
body.blog div#globalNav li.now{
  background: #cde1fa;
  position: relative;
}
body.blog div#globalNav li:hover{
  background: #d4e5fa;
}
body.blog div#globalNav li a,
body.blog div#globalNav p a {
  display: block;
  xzoom: 1;
}
body.blog div#globalNav li a:hover img,
body.blog div#globalNav p a:hover img {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
body.blog div#globalNav p.config {
}
body.blog div#globalNav p.emoji {
	margin-top: 15px;
}
body.blog div#globalNav p.account {
	margin-top: 17px;
	padding: 0 9px 0px 0;
	zoom: 1;
}
body.blog div#globalNav p.account a {
	float: right;
	padding-top: 4px;
	width: 100px;
	height: 26px;
}
body.blog div#globalNav p.account a:hover {
	float: right;
	width: 100px;
}
body.blog div#globalNav p.account a span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
body.blog div#globalNav .side_banner>div{
  width: 130px;
  height: 130px;
  margin: 0 auto;
  margin-bottom: 10px;
}


/* =3 main contents
-------------------------------------------------------- */
body.blog div#mainContents {
  padding: 0 20px 20px;
  background: #fff;
  width: 790px;
  position: relative;
}
div#article {
	clear: both;
}
body.blog div#mainContents div.message {
	margin: 12px 0 10px 0;
}
body.blog div#mainContents div.message div.mainMessage {
	padding: 10px 10px 10px 25px;
	overflow: auto;
	zoom: 1;
}
body.blog div#mainContents div.message p {
	float: left;
}
body.blog div#mainContents div.message p.messageCharacter img {
	width: 48px;
	height: 48px;
}
body.blog div#mainContents div.message p.comment img {
	margin-right: 5px;
	vertical-align: middle;
}
body.blog div#mainContents div.message p.comment img.random {
	margin-left: 5px;
	vertical-align: bottom;
}
body.blog div#mainContents div.message p.comment a:hover img.random {
	opacity: 0.8;
}
body.blog div#mainContents div.message p.comment img.close {
	margin-left: 5px;
}
body.blog div#mainContents div.message p.newTheme {
	float: right;
}

#overlay_msg {
	text-align: center;
}
#overlay_msg p#loadingBox {
	padding: 20px;
}
#overlay_msg p#loadingBox img {
	margin-bottom: 10px;
}

body.blog.config div.titleWrap {
	position: relative;
	zoom: 1;
	overflow: hidden;
	margin-bottom:30px;
}
body.blog.config div.titleWrap h1 {
  background: url(/img/cms2/common/default/title.png) no-repeat left bottom;
}
body.blog.config div.titleWrap ul.crossing {
	width: 350px;
	position: absolute;
	right: 0;
	top: 7px;
	text-align: right;
	margin: 0;
	padding: 0;
}
body.blog.config div.titleWrap ul.crossing li {
	display: inline;
	white-space: nowrap;
	margin: 0 3px;
}
body.blog.config div.titleWrap ul.crossing li.now {
	font-weight: bold;
}
body.blog.config div.titleWrap ul.crossing li img {
	vertical-align: middle;
}


/* テーマ
 ----------------------------------------- */
body.blog div.selectTheme {
	margin: 12px 0 10px;
}
body.blog div.selectTheme h1 {
	padding: 16px 18px 0;
	font-size: 120%;
}
body.blog div.selectedTheme h1 img {
	margin-right: 10px;
}
body.blog div.selectTheme p.description {
	padding: 5px 18px 0;
}
body.blog div.selectTheme p.other {
	padding: 0 15px 13px 0;
	text-align: right;
}


/* =4 dialog
-------------------------------------------------------- */

/* reset
------------------------------------------------- */
div.ui-dialog,
div.ui-dialog div,
.ui-resizable-handle {}
div.ui-dialog {
	overflow: visible!important;
}
div.ui-resizable-handle {
	border: none!important;
}
div.ui-dialog-container {
	position: relative;
	z-index: 9999;
}


/* dialog header
------------------------------------------------- */

/* title
----------------------------------------- */
span.ui-dialog-title {
	position: absolute;
	top: 10px;
	left: 15px;
	z-index: 999999;
	display: block;
	width: 100%;
	height: 30px;
	cursor: move;
}


/* X button
----------------------------------------- */
.ui-dialog-titlebar a {
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 9999999;
	text-decoration: none!important;
}



/* X image
----------------------------------------- */
.ui-dialog-titlebar-close {
	display: block;
	width: 18px;
	height: 18px;
}


/* X FIR
----------------------------------------- */
.ui-dialog-titlebar-close span {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}


/* dialog contents
----------------------------------------- */
div.ui-dialog-content {
	position: relative;
	z-index: 9999999;
	margin-top: 37px!important;
	margin-left: 6px;
}


/* dialog contents button
----------------------------------------- */
div.ui-dialog-buttonpane {
	position: relative;
	z-index: 9999999!important;
	margin-left: 2px;
	text-align: center;
}

div.ui-dialog-buttonpane button {
	padding: 5px 40px 2px;
	font-weight: bold;
	margin: 0 5px;
}

/* for ie */
div.ui-dialog-buttonpane button {
	/padding: 5px 20px 2px;
}/* end */


/* dialog frame
------------------------------------------------- */
/* n e s w
----------------------------------------- */
div.ui-resizable-n {
	top: 0;
	right: -4px;
	width: 100%;
	height: 37px!important;
}

div.ui-resizable-e {
	top: 0;
	right: -14px!important;
	z-index: -100;
	width: 30px!important;
	height: 100%;
	margin-top: 10px!important;
	padding-bottom: 0;
	padding-left: 90%;
}

div.ui-resizable-s {
	bottom: -19px!important;
	width: 100%;
	height: 14px!important;
	margin-left: 4px;
}

div.ui-resizable-w {
	top: 0;
	left: -6px;
	z-index: -100;
	width: 30px!important;
	height: 100%;
	margin-top: 10px!important;
	padding-bottom: 0;
	padding-right: 90%;
}



/* se sw ne nw
----------------------------------------- */
div.ui-resizable-se {
	bottom: -19px!important;
	right: 0;
	width: 20px!important;
	height: 14px!important;
	margin-right: -14px;
}
div.ui-resizable-sw {
	left: -6px!important;
	bottom: -19px!important;
	width: 20px!important;
	height: 14px!important;
}
div.ui-resizable-ne {
	top: 0;
	right:-14px!important;
	width: 20px!important;
	height: 37px!important;
}
div.ui-resizable-nw {
	top: 0;
	left: -6px!important;
	width: 20px!important;
	height: 37px!important;
}


/* dialog frame for ie
------------------------------------------------- */
/* n e s w
----------------------------------------- */
* html div.createThemeDialog div.ui-resizable-e,
* html div.searchThemeDialog div.ui-resizable-e {
	padding-bottom: 426px!important;
}

* html div.createThemeDialog div.ui-resizable-s,
* html div.searchThemeDialog div.ui-resizable-s {
	bottom: -16px!important;
}

* html div.createThemeDialog div.ui-resizable-w,
* html div.searchThemeDialog div.ui-resizable-w {
	padding-bottom: 426px!important;
}

/* se sw ne nw
----------------------------------------- */
* html div.createThemeDialog div.ui-resizable-se,
* html div.searchThemeDialog div.ui-resizable-se {
	width: 25px!important;
}

* html div.createThemeDialog div.ui-resizable-sw,
* html div.searchThemeDialog div.ui-resizable-sw {
	width: 25px!important;
}


/* fix ie6
------------------------------------------------- */
/* done(ok)dialog
----------------------------- */
/*
* html div.doneDialog {
	padding-bottom: 18px;
}
*/
* html div.confirmDialog div.ui-resizable-e,
* html div.confirmDialog div.ui-resizable-w,
* html div.okDialog div.ui-resizable-e,
* html div.okDialog div.ui-resizable-w {
	padding-bottom: 95px;
}


/*

add category

*/
* html div.addCategoryDialog div.ui-resizable-e,
* html div.addCategoryDialog div.ui-resizable-w {
	padding-bottom: 89px;
}


* html div.cmsDetailDialog div.ui-resizable-s {

}

* html div.ui-resizable-s {
	height: 16px!important;
}


/*
naname-----
 */
* html div.ui-resizable-se {
	bottom: -23px!important;
}

* html div.ui-resizable-sw {
	bottom: -23px!important;
}




/*

img list

---------------------------------- */
* html div.imageListDialog div.ui-resizable-e {
/*	padding-bottom: 450px!important;*/
	top: 26px!important;
}

* html div.imageListDialog div.ui-resizable-w {
/*	padding-bottom: 450px!important;*/
	top: 26px!important;
}


* html div.cmsDialogAttachment div.ui-resizable-e {
	padding-bottom: 375px!important;
}
* html div.cmsDialogAttachment div.ui-resizable-w {
	padding-bottom: 375px!important;
}

* html .itemNavi {
	margin-top: -10px;
}


/*

img detail

------------------------------------ */
* html div.cmsDetailDialog div.ui-resizable-e {
/*	padding-bottom: 374px!important;*/
	padding-bottom: 385px!important;
}


* html div.cmsDetailDialog div.ui-resizable-w {
/*	padding-bottom: 374px!important;*/
	padding-bottom: 385px!important;
}




/*

theme dialog

------------------------------------ */
* html div.searchThemeDialog div.ui-resizable-sw,
* html div.searchThemeDialog div.ui-resizable-se,
* html div.createThemeDialog div.ui-resizable-sw,
* html div.createThemeDialog div.ui-resizable-se {
	bottom: -14px!important;
}

* html div.themeDetailDialog div.ui-resizable-nw,
* html div.themeDetailDialog div.ui-resizable-w,
* html div.themeDetailDialog div.ui-resizable-sw,
* html div.searchThemeDialog div.ui-resizable-nw,
* html div.searchThemeDialog div.ui-resizable-w,
* html div.searchThemeDialog div.ui-resizable-sw,
* html div.createThemeDialog div.ui-resizable-nw,
* html div.createThemeDialog div.ui-resizable-w,
* html div.createThemeDialog div.ui-resizable-sw {
	left: -4px!important;
}

* html div.themeDetailDialog div.ui-resizable-ne,
* html div.themeDetailDialog div.ui-resizable-e,
* html div.searchThemeDialog div.ui-resizable-ne,
* html div.searchThemeDialog div.ui-resizable-e,
* html div.createThemeDialog div.ui-resizable-ne,
* html div.createThemeDialog div.ui-resizable-e {
	right: -12px!important;
}


* html div.themeDetailDialog div.ui-resizable-se,
* html div.searchThemeDialog div.ui-resizable-se,
* html div.createThemeDialog div.ui-resizable-se {
	right: 2px!important;
}

/*

theme detail dialog

------------------------------------- */
* html div.themeDetailDialog div.ui-resizable-e,
* html div.themeDetailDialog div.ui-resizable-w {
	padding-bottom: 425px!important;
}

* html div.themeDetailDialog div.ui-resizable-s {
	bottom: -15px!important;
}
* html div.themeDetailDialog div.ui-resizable-sw,
* html div.themeDetailDialog div.ui-resizable-se {
	bottom: -13px!important;
}




/*

preview dialog

------------------------------------ */
* html div.previewDialog div.ui-resizable-s {
	bottom: -10px!important;
}

* html div.previewDialog div.ui-resizable-sw,
* html div.previewDialog div.ui-resizable-se {
	bottom: -14px!important;
}




/*

article save dialog (post)

------------------------------------ */
* html div.articleSaveDialog div.ui-resizable-w,
* html div.articleSaveDialog div.ui-resizable-e {
	padding-bottom: 424px;
/*	padding-bottom: 615px;*/
}


div.articleSaveDialog div.ui-widget-content {
	padding: 10px 15px 0;
}


div.articleSaveDialog div.ui-widget-content .articleSuccess {
	padding-bottom: 5px;
}


* html div.articleSaveDialog div.ui-resizable-nw,
* html div.articleSaveDialog div.ui-resizable-sw,
* html div.articleSaveDialog div.ui-resizable-w {
}



/* ads style 2009 03 10 */
div.articleSaveDialog div.ui-dialog-content {
	/padding-right: 0px!important;
	/padding-left: 18px!important;
}
div.articleSaveDialog div.ui-dialog-buttonpane {
	/margin-left: 8px!important;
}


/*

backup dialog

------------------------------------*/
* html div.cmsDialog div.div.ui-resizable-w,
* html div.cmsDialog div.div.ui-resizable-e {
	padding-bottom: 97px;
}


/* dialog contents detail
------------------------------------------------- */
/* imageDetailDialog (画像の編集) - article/edit
----------------------------------------- */
div#imageDetailDialog div.imageUp {
	padding: 0!important;
}
div#imageDetailDialog {
	padding-bottom: 0;
	overflow: auto;
}
div#imageDetailDialog span.thumbnailImage {
	display: block;
	float: left;
	width: 400px;
	height: 300px;
	text-align: center;
}
div#imageDetailDialog ul.imageEdit {
	clear: both;
}
div#imageDetailDialog div.editImageDetail {
	padding-top: 15px;
	padding-left: 30px;
}
div#imageDetailDialog div.editImageDetail ul.imageData {
	padding-top: 13px;
}
div#imageDetailDialog div.editImageDetail ul.imageData li {
	padding-bottom: 7px;
}
div#imageDetailDialog div.editImageDetail div.change {
	padding-left: 90px;
}
div#imageDetailDialog div.editImageDetail div.change input.button {
	padding-right: 10px;
	padding-left: 10px;
}
div#imageDetailDialog div.editImageDetail h3 {
	float: left;
	width: 80px;
	padding-top: 2px;
	padding-right: 10px;
	text-align: right;
}
div#imageDetailDialog div.editImageDetail div.editMenu {
	margin-left: 410px;
}
div#imageDetailDialog div.editImageDetail div.imageInsert {
	padding-top: 12px;
}
div#imageDetailDialog div.editImageDetail div.imageInsert ul {
	padding-top: 5px;
	padding-left: 8px;
}
div#imageDetailDialog div.editImageDetail div.imageInsert li {
	float: left;
	margin-right: 2px;
}
div#imageDetailDialog div.editImageDetail div.imageInsert li img {
	padding: 2px;
}
div#imageDetailDialog div.editImageDetail ul.imageEdit {
	width: 440px;
	text-align: right;
}
div#imageDetailDialog div.editImageDetail ul.imageEdit li {
	display: inline;
	margin: 0 2px;
}
div#imageDetailDialog div.editImageDetail p {
	padding-right: 15px;
	text-align: right;
}


/* imageListDialog (画像の一覧) - article/edit
----------------------------------------- */
div#imageListDialog {
	padding: 0!important;
	border: none!important;
	padding-top: 10px!important;
}


ul.imageListGrid {
	margin: 0 auto;
	margin-top: 0;
	padding-top: 0;
	text-align: center;
}

	div#imageListDialog ul.imageListGrid li {
		padding-bottom: 10px;
	}

		div.imageListDialog li.thumbnail span.thumbnailImage a {
			display: inline-block;
			width: 75px;
			height: 75px;
			padding: 2px;
		}

		div.imageListDialog li.thumbnail span.thumbnailImage a:hover {
			padding: 2px;
		}


/* for ie6 */
* html div.imageListDialog div.ui-resizable-e {
	padding-bottom: 450px!important;
}

* html div.imageListDialog div.ui-resizable-w {
	padding-bottom: 450px!important;
}


/*  add category (カテゴリの追加) - article/edit
----------------------------------------- */
div.addCategoryDialog form#addCategoryForm {
	padding: 6px 0 4px 17px;
}

	form#addCategoryForm input.text {
		margin-right: 4px;
		padding: 5px;
	}

	form#addCategoryForm input.post {
		padding: 5px 10px;
	}


/* ie */
* html form#addCategoryForm input.post {
	padding: 5px 4px;
}

*:first-child+html form#addCategoryForm input.post {
	padding: 5px 4px;
}/* end */



/*  outlineDialog (アウトライン) - article/edit
-> blog/common/article.css
----------------------------------------- */
* html div.outlineDialog div.ui-resizable-e {
	padding-bottom: 426px!important;
}

* html div.outlineDialog div.ui-resizable-w {
	padding-bottom: 426px!important;
}


/* previewDialog (プレビュー) - article/edit
----------------------------------------- */
div#previewDialog,
div#previewDialog div.previewInner {
	height: 100%;
}

div.previewDialog iframe {
	width: 100%!important;
	height: 100%!important;
	margin-left: 2px;
}

/* for ie6 */
* html div.previewDialog iframe {
	width: 100%;
}/* end */


* html div#previewDialog {
	margin-bottom: -30px;
	margin-right: -13px;
	padding-right: 8px;
}

	* html div#previewDialog div.previewInner {
		padding-bottom: 30px;
		position: relative;
		left: -12px;
		padding-left: 9px;
	}




/* ThemeDialog (共通テーマ関連) - article/edit
----------------------------------------- */
/* tab
---------------------------------- */
div.createThemeDialog ul,
div.searchThemeDialog ul {
	margin: 5px 0 0 6px;
	z-index: 100;
}


/* form
------------------------------------ */
div#themeDetailDialog form,
form#createThemeForm,
form#searchThemeForm {
	margin-right: 6px;
	margin-left: 6px;
	padding: 20px 10px 10px;
}


	div#themeDetailDialog form div.submit,
	form#createThemeForm div.submit,
	form#searchThemeForm div.submit {
		padding-top: 10px;
		padding-bottom: 0;
		text-align: center;
	}



/* searchThemeDialog
------------------------------------ */
form#searchThemeForm dl.categorySelect {
	zoom: 1;
}

	form#searchThemeForm dl.categorySelect dt {
		float: left;
		padding-top: 2px;
		padding-right: 5px;
		font-weight: bold;
	}


form#searchThemeForm ul#themeTitleList {
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: auto;
}

	form#searchThemeForm ul#themeTitleList li {
		display: inline;
		line-height: 1.7;
		margin-right: 5px;
	}


form#searchThemeForm div#themeDetail {
	padding-top: 10px;
}




/* createThemeDialog
------------------------------------ */
form#createThemeForm dl {
	clear: left;
	margin: 0 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	zoom: 1;
}

	form#createThemeForm dl dt {
		float: left;
		width: 105px;
		padding-top: 2px;
		padding-left: 5px;
		font-weight: bold;
	}


form#createThemeForm dl input,
form#createThemeForm dl textarea {
	width: 508px;
}

form#createThemeForm dl.themeDetail {
	padding-bottom: 0;
	border-bottom: none;
}



/* themeDetailDialog
------------------------------------ */
div#themeDetailDialog form dl {
	clear: left;
	padding: 15px 0;
}

div#themeDetailDialog form dl.themeTitle {
	border-top: none;
}

div#themeDetailDialog form dl dt {
	float: left;
	width: 8em;
	padding-left: 10px;
	font-weight: bold;
}
div#themeDetailDialog form dl dd {
	margin-left: 9em;
	zoom: 1;
}


/* backupDialog
------------------------------------ */
* html div.configScratchPadDialog div.ui-resizable-e,
* html div.configScratchPadDialog div.ui-resizable-w {
	padding-bottom: 186px!important;
}

* html div.confirmRestoreDialog div.ui-resizable-e,
* html div.confirmRestoreDialog div.ui-resizable-w {
	padding-bottom: 93px!important;
}
/* flash error */
div.uploadErrorDialog p.errorMessage {
	padding: 15px;
}

* html div.uploadErrorDialog p.errorMessage {
	padding: 15px 15px 20px;
}

* html div.uploadErrorDialog div.ui-resizable-e,
* html div.uploadErrorDialog div.ui-resizable-w {
	padding-bottom: 130px!important;/* test */
}


/* folderConfirmDialog
------------------------------------ */
* html div.folderConfirmDialog div.ui-resizable-e,
* html div.folderConfirmDialog div.ui-resizable-w {
	padding-bottom: 95px!important;
}
* html div.folderConfirmDialog button {
	padding-right: 0!important;
	padding-left: 0!important;
}


/* blog icon upload Dialog
------------------------------------ */
* html div.blogIconUploadDialog div.ui-resizable-e,
* html div.blogIconUploadDialog div.ui-resizable-w {
	padding-bottom: 100px!important;
}


/* resignBlogConfirmDialog
------------------------------------ */
* html div.resignBlogConfirmDialog div.ui-resizable-e,
* html div.resignBlogConfirmDialog div.ui-resizable-w {
	padding-bottom: 120px!important;
}

/* deleteBlogConfirmDialog
------------------------------------ */
* html div.deleteBlogConfirmDialog div.ui-resizable-e,
* html div.deleteBlogConfirmDialog div.ui-resizable-w {
	padding-bottom: 285px!important;
}


/* uploadForm
------------------------------------ */
form#uploadForm {
	padding: 15px 5px;
zoom: 1;
}

div.uploaderArea div.imageUp {
	zoom: 1;
}

* html body#articleEdit div.uploadErrorDialog div.ui-resizable-e,
* html body#articleEdit div.uploadErrorDialog div.ui-resizable-w {
 	padding-bottom: 104px!important;
}

/* memberIndex error dialog
------------------------------------ */
div.okDialog p.error {
  width: auto;
  padding: 15px 5px;
  background: none;
  text-align: center;
  border: none;
}

/* floatingHelpBox upgradeGuide
------------------------------------ */
.floatingHelpBox .upgradeGuide{
	background:#fff;
}


/* create newblog
------------------------------------ */

body#blogCreateIndex p.firstBlog {
  padding: 20px 10px 10px 25px;
}
body#blogCreateIndex div.error,
body#configDeleteBlog div.error {
  background: none;
  padding: 0 0 30px 30px;
}
body#blogCreateIndex div.error ul.errorsList,
body#configDeleteBlog div.error ul
 {
  background: url('/img/cms2/member/default/common/icon_error.gif') no-repeat left center !important;
  padding: 10px 50px;
}
form#blogCreate {
  background: none;
  line-height: 1.5em;
}
body#blogCreateIndex div#article img {
	vertical-align: baseline;
}
body#blogCreateIndex h2#blogCreateTitle {
	background: url('/img/cms2/common/default/title.gif') no-repeat top left;
	font-size: 150%;
	margin: 10px 0 20px ;
	padding: 1px 0 10px 18px;
}
h2#blogCreateTitle span.headerNote {
	display: inline-block;
	margin-left: 20px;
	font-size: 0.672em;
	font-weight: normal;
	color: #bf6364;
}
div.container {
  position: relative;
  width: 790px;
}
div.containerTop {
  padding-top: 10px;
}

form#blogCreate table {
	border-collapse: collapse;
	width: 775px;
	margin-left: 15px;
}
form#blogCreate tr th {
  padding: 15px 0;
  width: 150px;
  text-align: left;
}
form#blogCreate tr th input {
  width: auto;
  margin: 12px 0 0 0;
}
form#blogCreate tr th small {
  font-size: 11px;
  font-weight:normal;
}
form#blogCreate tr td {
	padding: 15px 0;
	width: auto;
}
form#blogCreate table tr.title input#isAdult {
	width: auto;
}
form#blogCreate table tr.subdomainUrlRow th,
form#blogCreate table tr.subdomainUrlRow td {
  padding: 10px 0 15px 0;
}
form#blogCreate table tr td div.subdomainCheck {
	padding: 15px 0 0 0;
	border-top: solid 1px #beddef;
}
form#blogCreate table tr.blogUrl th,
form#blogCreate table tr.blogUrl td,
form#blogCreate table tr#standard_url th,
form#blogCreate table tr#standard_url td {
	border-bottom: none;
}
form#blogCreate input#blogTitle {
	margin-bottom: 8px;
}
form#blogCreate #blogCategory .link-aside{
	margin-top: 8px;
}
form#blogCreate div.description {
	margin-bottom: 15px;
}
form#blogCreate div.description ul {
	color: #bf6364;
}
form#blogCreate p.help {
	width: 130px;
	background-position: left 4px;
}
form#blogCreate p.error {
	color: #ff0000;
}
form#blogCreate p.note {
	margin: 10px 0 0 0;
	color: #bf6364;
}
form#blogCreate div.description p {
	margin: 15px 0;
}
form#blogCreate div.submit {
	margin: 20px 0 0 0;
}
form#blogCreate div.submit div {
  pading: 0;
}
form#blogCreate select {
	padding: 7px 0;
}
form#blogCreate #captcha_image {
	margin-bottom: 10px;
}
form#blogCreate h3 {
	display: inline-block;
}
form#blogCreate input#forSubdomain {
	display: inline-block;
	margin: 0 0 0  16px;
}
form#blogCreate input#forSubdomain[disabled]{
	cursor: default;
}
form#blogCreate label#Subdomaina {
	margin-left: 0;
	line-height: 1.6
}
form#blogCreate label#Subdomaina small {
	display: none;
}
form#blogCreate label#Subdomaina.deactive:hover small {
	color:#f33;
	display: inline;
}

#subdomain_url table#subDomainBox {
  margin: 0;
  width: auto;
}
#subdomain_url table#subDomainBox tr td {
  border: none;
  line-height: 3;
}
#subdomain_url.active {
}
#subdomain_url.deactive #subDomainBox {
  opacity: 0.6;
}
#subdomain_url.deactive #subDomainBox select {
  cursor: default;                                                                                                                                                                                     
}
#subdomain_url {
  position: relative;
}

table#createBlogTable label.deactive {
  color: #777;
  cursor: default;
  font-size:13px;
  font-weight: normal;
}
table#createBlogTable label.active {
  color: #333;
  font-weight: normal;
  font-size:13px;
}



div.domaincheckResult {
  margin-left: 10px;
}
div.namecheckResult,
div#subcheckResult,
div#domaincheckResult,
div#mobile_domaincheckResult {
  margin-left: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
div.namecheckResult p.urlCheckOk,
div.namecheckResult p.urlCheckNg,
div.domaincheckResult p.urlCheckOk,
div.domaincheckResult p.urlCheckNg,
div#subcheckResult p.urlCheckOk,
div#subcheckResult p.urlCheckNg,
div#domaincheckResult p.urlCheckOk,
div#domaincheckResult p.urlCheckNg,
div#mobile_domaincheckResult p.urlCheckOk,
div#mobile_domaincheckResult p.urlCheckNg {
  padding-left: 20px;
  line-height: 18px;
}
body#blogCreateIndex div.namecheckResult p.urlCheckOk,
body#blogCreateIndex div.domaincheckResult p.urlCheckOk,
div#subcheckResult p.urlCheckOk,
div#domaincheckResult p.urlCheckOk,
div#mobile_domaincheckResult p.urlCheckOk {
  margin: 0;
  background: url('/img/cms2/member/default/common/icon_check.png') no-repeat left center;
}
body#blogCreateIndex div.namecheckResult p.urlCheckNg,
body#blogCreateIndex div.domaincheckResult p.urlCheckNg,
div#subcheckResult p.urlCheckNg,
div#domaincheckResult p.urlCheckNg,
div#mobile_domaincheckResult p.urlCheckNg {
  margin: 0;
  background: url('/img/cms2/member/default/common/icon_ng.png') no-repeat left center;
}

div.domaincheckResult p.urlCheckOk,
div.domaincheckResult p.urlCheckNg {
  line-height: 3;
}


/* Facebox floating window */
#facebox{position:absolute;top:0;left:0;z-index:100;text-align:left;}
#facebox .popup{position:relative;border:4px solid #499FF6;box-shadow:0 0 18px rgba(0,0,0,0.4);}
#facebox .content{display:table;padding:20px;background:#fff;}
#facebox .content > p:first-child{margin-top:0;}
#facebox .content > p:last-child{margin-bottom:0;}
#facebox .close{position:absolute;top:5px;right:5px;padding:2px;background:#fff;}
#facebox .close img{opacity:0.6;}
#facebox .close:hover img{opacity:1.0;}
#facebox .loading{text-align:center;}
#facebox .image{text-align:center;}
#facebox img{border:0;margin:0;}
#facebox_overlay{position:fixed;top:0px;left:0px;height:100%;width:100%;}
.facebox_hide{z-index:-100;}
.facebox_overlayBG{background-color:#000;z-index:99;}

/* 友だち限定記事ボタン */

#limited-button {
    position: absolute;
    top: 6px;
    left: 274px;
}
#limited-button input {
    /* only for IE8 */
    position: absolute;
    top: -5000px;
}
#limited-button label {
    display: inline-block;
    background: url('/img/cms2/blog/common/tab/checked.png') no-repeat left top;
    padding-left: 26px;
    height: 16px;
    font-size: 13px;
    line-height: 16px;
    color: #666666;
    overflow: hidden;
}
#limited-button.checked label {
    background: url('/img/cms2/blog/common/tab/checked.png') no-repeat left bottom;
}