@charset "utf-8";

/* ===================================================================
CSS information

 file name  :style.css
 author     :93s (admin)
 style info :ワイヤーフレーム 他
=================================================================== */
.ani001{
	-webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ani001:hover{
	opacity:0.6;
	-webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-ms-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	-o-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: #FFF;
	color: #333;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: center;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}


/*----------------------------------------------------
	container
----------------------------------------------------*/

div#upper-container {
	width: 100%;
	background: #FFF url(/imgs/shares/bg/header_bg.gif) repeat-x top left;
}

div#lower-container {
	width: 100%;
	height: 316px;
	background: #FFF url(/imgs/shares/bg/footer_bg.jpg) repeat-x bottom left;
}

/*----------------------------------------------------
	container
----------------------------------------------------*/
div#main-wrap {
	background: #FFF url(../imgs/shares/bg/content_bg_home.jpg) no-repeat top center;
	padding-top: 13px;
}

div#main-wrap-content {
	background: url(/imgs/shares/bg/content_bg_content.jpg) repeat-x top left;
	text-align: left;
}

/*----------------------------------------------------
	mainImage
----------------------------------------------------*/

div#mainImage {
	width: 948px;
	margin: 0 auto 32px auto;
}

/*----------------------------------------------------
	main
----------------------------------------------------*/

div#main {
	width: 955px;
	margin: 0 auto 30px auto;
	text-align: left;
	background: url(/imgs/shares/bg/main_bg.gif) repeat-y top left;
}

div#main-top {
	width: 955px;
	margin: 0 auto 30px auto;
	text-align: left;
}


div#main:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


div#main.box-staffblog {
	background: #FFF;
}




/*----------------------------------------------------
	topic-path
----------------------------------------------------*/

#main-wrap-content div#topic-path {
	width: 955px;
	margin: 0 auto 45px auto;
	padding: 5px 0 0 7px;
	font-size: 10px;
	color: #333;
	zoom: 1;
}
#main-wrap-content div#topic-path:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main-wrap-content div#topic-path a {
	color:#333;
	text-decoration: underline;
}
#main-wrap-content div#topic-path a:hover {
	color:#F50673;
	text-decoration: none;
}
#main-wrap-content div#topic-path h1 {
	font-size: 10px;
	font-weight: normal;
	float: left;
}
#main-wrap-content div#topic-path p {
	float: left;
}


/*----------------------------------------------------
	
	primary
	 
----------------------------------------------------*/

div#primary {
	width: 702px;
	float: left;
}

*html div#primary {
	width: 700px;
}

div#primary-inner {
	width: 655px;
	margin-left: 4px;
}



.page-title {
	width: 667px; /* 680-13(left-padding) */
	height: 30px; /* 46-16(top-padding) */
	position: relative;
	padding: 16px 0 0 13px;
	margin-bottom: 25px;
	font-size: 105%;
	font-weight: bold;
	background: url(/imgs/content/news/page_title_bg.jpg) no-repeat top left;
}
.page-title span {
	position: absolute;
	top: 16px;
	right: 8px;
	font-size: 10px;
}



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

	pager

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

.pager {
	width: 655px;
	margin: 40px auto;
	text-align: center;
}

.pager a {
	color: #666;
	text-decoration: underline;
	padding: 0 0 0 6px;
}
.pager b {
	padding: 0 0 0 6px;
}
.pager a:hover {
	color: #FE0E63;
	text-decoration: none;
}






/*----------------------------------------------------
	only-inland
----------------------------------------------------*/



div#inland-mainImage {
	width: 955px;
	padding-bottom: 15px;
	background: #FFF;
}


/*----------------------------------------------------
	
	secondary
	
----------------------------------------------------*/

div#secondary {
	width: 251px;
	float: left;
}
div#secondary-inner {
	width: 230px; /* 251-10(right-padding)-11(left-padding) */
	padding: 10px 10px 10px 11px;
}

/*----------------------------------------------------
	blogmenu(staffblog)
----------------------------------------------------*/
div#blogmenu {
	width: 212px;
	padding-left: 39px;
}

div#blogmenu h3 {
	margin-bottom: 11px;
}

div#blogmenu ul {
	margin-bottom: 25px;
}

div.sNav-area ul li {
	background: url(/imgs/content/staffblog/menu_point.gif) no-repeat top left;
	padding-left: 17px;
	color: #333;
	margin-bottom: 3px;
}
div.sNav-area ul li a,
div.sNav-area ul li a:visited {
	color: #333;
	text-decoration: none;
}
div.sNav-area ul li a:hover {
	color: #333;
	text-decoration: underline;
}
div#profile {
	margin-bottom: 25px;
}
div#profile p {
	margin-bottom: 10px;
	font-size: 12px;
	text-align: left;
}
div#profile p#bloguser-photo {
	width: 100%;
	text-align: center;
}




/*----------------------------------------------------
	pamphlet(brizo)
----------------------------------------------------*/


dl#sec-pamphlet {
	width: 210px; /* 230-10(right-padding)-10(left-padding) */
	margin-bottom: 10px;
	padding: 10px;
	background: #FFF;
}
dl#sec-pamphlet dt {
	margin-bottom: 10px;
}
dl#sec-pamphlet dd#pamphlet-image {
	margin-bottom: 4px;
}
dl#sec-pamphlet dd#pamphlet-link {
	margin-bottom: 10px;
}
dl#sec-pamphlet dd#pamphlet-link a {
	display: block;
	height: 21px;
	background: url(/imgs/shares/secondary/sec_pamphlet_icon.gif) no-repeat center left;
	padding-left: 32px;
	color: #F3177B;
	text-decoration: underline;
	font-size: 10px;
}
dl#sec-pamphlet dd#pamphlet-link a:hover {
	text-decoration: none;
} 
dl#sec-pamphlet dd#pamphlet-note {
	font-size: 10px;
}
p#sec-adobe {
	width: 230px;
	text-align: center;
	margin-bottom: 30px;
}

/*----------------------------------------------------
	news
----------------------------------------------------*/

div#secondary div#news {
	width: 214px; /* 230-8(right-padding)-8(left-padding) */
	margin-bottom: 13px;
	padding: 11px 8px 2px 8px;
	background: #FFF;
}
div#secondary div#news h3 {
	margin: 0;
	padding: 0;
}
div#secondary div#news dl {
	width: 214px;
	font-size: 92%;
}		
div#secondary div#news dl dt {
	background: url(/imgs/shares/secondary/sec_point_arrow.gif) no-repeat center left;
	padding-left: 16px;
}
div#secondary div#news dl dd {
	padding-left: 16px;
	margin-bottom: 10px;
}
	
div#secondary div#news dl dd a {
	color: #0265CA;
	text-decoration: underline;
}
div#secondary div#news dl dd a:hover {
	color: #E50673;
	text-decoration: none;
}


/*----------------------------------------------------
	フレーム
----------------------------------------------------*/

div#news {
	width: 206px; /* 230-16(right-padding)-8(left-padding) */
	margin-bottom: 13px;
	padding: 11px 16px 2px 8px;
	background: #FFF;
	text-align: left;
}
div#news h3 {
	margin: 0;
	padding: 0;
}
div#news dl {
	width: 206px;
	font-size: 92%;
}		
div#news dl dt {
	background: url(/imgs/shares/secondary/sec_point_arrow.gif) no-repeat center left;
	padding-left: 16px;
}
div#news dl dd {
	padding-left: 16px;
	margin-bottom: 10px;
}
	
div#news dl dd a {
	color: #0265CA;
	text-decoration: underline;
}
div#news dl dd a:hover {
	color: #E50673;
	text-decoration: none;
}

div#secondary iframe {
	margin-bottom: 10px;
}


/* リストのリンク */
dd.news-list {
	text-align: right;
	margin-bottom: 0;
}
dd.news-list a {
	background: url(/imgs/shares/secondary/sec_point_circle.jpg) no-repeat center left;
	padding-left: 6px;
}



/*----------------------------------------------------
	diary
----------------------------------------------------*/

div#diary {
	width: 214px; /* 230-8(right-padding)-8(left-padding) */
	margin-bottom: 13px;
	padding: 11px 8px 8px 8px;
	background: #FFF;
}

div#diary h3 {
	margin: 0;
	padding: 0;
}

div#diary table.diary-layout {
	width: 214px;
}
div#diary table.diary-layout td {
	font-size: 92%;
	padding-bottom: 10px;
	text-align: left;
	vertical-align: top;
}
div#diary table.diary-layout td.diary-image-area {
	width: 60px;
	text-align: left;
}

div#diary table.diary-layout td a {
	color: #0265CA;
	text-decoration: underline;
}
div#diary table.diary-layout td a:hover {
	color: #E50673;
	text-decoration: none;
}

/* リストのリンク */
p.diary-list {
	width: 214px;
	text-align: right;
}
p.diary-list a {
	background: url(/imgs/shares/secondary/sec_point_circle.jpg) no-repeat center left;
	padding-left: 6px;
	color: #0265CA;
	text-decoration: underline;
	font-size: 92%;
}
p.diary-list a:hover {
	text-decoration: none;
}


	


/*----------------------------------------------------
	menu
----------------------------------------------------*/


dl#menu {
	width: 230px;
	margin-bottom: 13px;
}

dl#menu dt {
	margin: 0;
	padding: 0;
}
dl#menu dd {
	font-size: 0;
	line-height: 0;
}
dl#menu dd img {
	vertical-align: top;
}

div#secondary dl#sales {
	width: 230px;
	margin-bottom: 30px;
}
div#secondary dl#sales dt {
	width: 230px;
	padding: 0 0 8px 2px;
	margin-bottom: 8px;
	border-bottom: solid 1px #C2C2C2;
	font-size: 107%;
	font-weight: bold;
}
div#secondary dl#sales dd {
	padding: 0 4px;
	line-height: 1.4;
	font-size: 92%;
}



/*----------------------------------------------------
	pGuide
----------------------------------------------------*/

dl#pGuide {
	width: 251px;
	padding-bottom: 20px;
	background: #FFF;
}
dl#pGuide dt {
	width: 251px;
	margin-bottom: 4px;
	line-height: 0;
	font-size: 0;
}
dl#pGuide dd {
	width: 251px;
	margin-bottom: 9px;
	line-height: 0;
	font-size: 0;
}
dl#pGuide img,
dl#pGuide img {
	vertical-align: top;
}




/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/* clearfix */
#hoge:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* -----------------------------------------------------------
　indent
	上下左右空白をあけたいときに使用
	R=right/B=bottom/L=left ＋　数字（マージンの大きさ）
	アルファベット大文字がついていないものは四方にマージン
----------------------------------------------------------- */
.innerT10 {
	margin-top: 10px;
}
.innerTL10 {
	margin: 10px 0 0 10px;
}
.innerTB10 {
	margin: 10px 0 10px 0;
}
.innerT20B15 {
	margin: 20px 0 15px 0;
}
.innerT50B15 {
	margin: 50px 0 15px 0;
}


.innerL3 {
	margin-left: 3px;
}

.innerL10 {
	margin-left: 10px;
}
.innerLRB10 {
	margin: 0 10px 10px 10px;
}
.innerL10B10 {
	margin: 0 0 10px 10px;
}
.innerL10B20 {
	margin: 0 0 20px 10px;
}
.innerL10B30 {
	margin: 0 0 30px 10px;
}
.innerLR10B10 {
	margin: 0 10px 10px 10px;
}
.innerLR10B20 {
	margin: 0 10px 20px 10px;
}
.innerLR10B30 {
	margin: 0 10px 30px 10px;
}

.inner10 {
	margin: 10px;
}
.inner20 {
	margin: 20px;
}
.inner25 {
	margin: 25px;
}
.inner30 {
	margin: 30px;
}
.innerB3{
	margin-bottom: 3px;
}
.innerB5{
	margin-bottom: 5px;
}
.innerB6{
	margin-bottom: 6px;
}
.innerB7{
	margin-bottom: 7px;
}
.innerB8{
	margin-bottom: 8px;
}
.innerB10{
	margin-bottom: 10px;
}
.innerB12{
	margin-bottom: 12px;
}
.innerB15{
	margin-bottom: 15px;
}
.innerB20{
	margin-bottom: 20px;
}
.innerB25{
	margin-bottom: 25px;
}

.innerB30{
	margin-bottom: 30px;
}
.innerB35{
	margin-bottom: 35px;
}
.innerB45{
	margin-bottom: 45px;
}
.innerB40{
	margin-bottom: 40px;
}
.innerB50{
	margin-bottom: 50px;
}
.innerB60{
	margin-bottom: 60px;
}
.innerB70{
	margin-bottom: 70px;
}
.innerB155{
	margin-bottom: 155px;
}


.innerB100{
	margin-bottom: 100px;
}
.innerB160{
	margin-bottom: 160px;
}

.innerB20AR {
	margin-bottom: 20px;
	text-align: right;
}

/* -----------------------------------------------------------
　テキストインデントクラス
　	（文章で最初の1文字を字下げ）	
----------------------------------------------------------- */
p.ti-txt {
	text-indent: 1em;
}
p.ti-txt-innerB10 {
	text-indent: 1em;
	margin: 0 3px 10px 3px;
}
p.ti-txt-innerB20 {
	text-indent: 1em;
	margin: 0 3px 20px 3px;
}
p.ti-txt-innerB25 {
	text-indent: 1em;
	margin: 0 3px 25px 3px;
}
/* -----------------------------------------------------------
　
	font
	
----------------------------------------------------------- */

.fb {
	font-weight: bold;
}
.fb110 {
	font-weight: bold;
	font-size: 110%;
}
.fb115 {
	font-weight: bold;
	font-size: 115%;
}
.fb120 {
	font-weight: bold;
	font-size: 120%;
}
.caution {	
	color: #FF0000;
}

.fb16 {
	font-weight: bold;
	font-size: 16px;
}
.f-pink {
	color: #F72384;
}
.fb20-pink {
	font-size: 20px;
	color: #FB3A99;
	font-weight: bold;
}