/* ****************************************
 *               Index
 *               1.Reset
 *               2.Settings
 *               3.Layout
 *
 * **************************************** */
* {
margin: 0;
}
html {
		height:100%;
		overflow:auto;
}
/* Reset
------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td { margin:0; padding:0; }
li { list-style:none; }
/* Settings
------------------------------------------- */
body{
	font-size:0.7em;
	color:#222222;
	margin:0;
	padding:0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 1280px;
	_display: inline;
	_zoom: 1;
	min-height: 100%;
	position: relative;
}

/* 全体の囲み*/
#contentsarea{
min-width: 1280px;
width: 100%;
height: 100%; /*IE6対策*/
}
#contents_wrap{
padding-bottom: 425px;
}


a { /* FireFox リンク選択時の点線を消す*/
	overflow: hidden;
	outline: none;
	zoom: 1;
	text-decoration:none;
}
a:link {color:#005555;}
a:visited {	color:#005555;}
a:hover{color:#30aa00;}
img {border-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; }
.clear {clear:both;}

::selection {
	background:#11a8c3; /* Safari */
}

::-moz-selection {
	background:#11a8c3; /* Firefox */
}
/* 付箋*/
#husen{
width: 179px;
height: 179px;
position:absolute;
z-index: 0;
display: block;
bottom: 50px;
right: 0px;
}
/* go to top*/
#topcontrol{
width: 179px;
height: 179px;
position: fixed;
bottom: 0;
right: 0;
	z-index:999;
}
#topcontrol img{
cursor:pointer;

}
/*============================
#main
============================*/
#main {
	width:996px;
	margin:auto;
	background:rgba(255, 255, 255, 0.6);
	padding:0 30px;
}
#main #main_block{
	width:900px;
	padding:100px 30px;
	margin:auto;
}
#main_none {
	width:996px;
	margin:auto;
	padding:0 30px;
}

	/*============================
	#span
	============================*/
span#right{
	float:right;
	color:#000;
	padding:3px 6px 3px 25px;
	background: url(../img/foot_arrow.png) no-repeat left 8px center ;
	border:1px dashed #686868;
	display:inline-block;
	margin-top:10px;
	font-weight:bold;
}
span#right01{
	float:right;
	color:#000;
	padding:0px 6px 0px 25px;
	background: url(../img/foot_arrow.png) no-repeat left 8px center ;
	border:1px dashed #000000;
	display:inline-block;
	margin-top:10px;
	font-weight:bold;
}
span#right02{
	color:#000;
	padding:0px 6px 0px 25px;
	background: url(../img/foot_arrow.png) no-repeat left 8px center ;
	border:1px dashed #000000;
	margin-top:10px;
	font-weight:bold;
}
	/*============================
	#パーツ
	============================*/
#midashi_kasen{
	border-bottom:1px dashed #555;
	padding:0 0 5px 10px;
	margin-bottom:30px;
	position:relative;
	overflow:hidden;
	}
#midashi_kasen img{
	position:absolute;
	bottom:10px;
}
#midashi_kasen #detail_text{
	padding:0 0 5px 10px;
	float:right;
	font-size:13px;
	}
#midashi_kasen_non{
	padding:0 0 5px 10px;
	margin:0px 0 10px ;
}
#midashi_kasen_non_pro{
	padding:0 0 5px 10px;
	margin:0px 0 40px ;
}
#midashi_focus01{
width:750px;
margin:0 auto;
padding:30px;
font-size:15px;
	line-height:200%;
}
#text_focus01{
margin:20px 10px;
}
#large{font-size:17px; font-weight:bold; clear:both;}
#middle{font-size:13px; font-weight:bold; clear:both;}
#small01{font-size:11px; clear:both; margin:10px 0 0 20px;}

	/*============================
	#p
	============================*/
	p#midashi{
	font-size:16px;
	border-left:4px solid #444;
	padding:5px 15px;
	border-bottom:1px dashed #333;
	}
	/*============================
	#twinbox
	============================*/
 .twinbox {
	overflow:hidden;
	padding:30px 0 30px;
	}
#main .twinbox ul#welcome {padding:5px 0 40px; overflow:hidden; width: 936px; margin:0 auto;}
#main .twinbox ul#welcome li {float:left; margin:18px;}

#main .twinbox .innner{ margin-top:30px; padding:0px 40px 30px;}
#main .twinbox .innner .text p#profile{
width:800px;
margin:0 auto;
padding-top:30px;
font-size:15px;
line-height: 200%;
}
#main .twinbox .innner01{}
.twinbox .leftbox {
		width:400px;
		float:left;
	}
#main .twinbox .leftbox #profile_photo{
	width:300px;
	height:299px;
	margin:0 auto;
	border:3px solid #ccc;
	box-shadow: 10px 10px;
	box-shadow: 2px 2px 10px #000; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
}
	#main .twinbox .leftbox #chose_photo{
		width:300px;
		margin:0 auto 20px;
		border:3px solid #ccc;
		box-shadow: 10px 10px;
		box-shadow: 2px 2px 10px #000; /*CSS3*/
		-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
		-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
}
		#main .twinbox .leftbox #memory_top{
		width:529px;
		height:89px;
	padding-bottom:30px;
		}
		#main .twinbox .leftbox .rssarea{
	padding-left: 100px;
		}
		#main .twinbox .leftbox .rssarea .box{
		width:418px;
		height:110px;
	padding-bottom:18px;
}
		#main .twinbox .leftbox .rssarea .box .thmbnail{
		width:107px;
		height:107px;
		border:1px solid #999;
	float:left;
}
		#main .twinbox .leftbox .rssarea .box .thmbnail img{
	width:95px;
	height:95px;
	margin:6px;
}
#main .twinbox .leftbox .rssarea .box .naiyou{
float: right;
width: 289px;
height: 99px;
padding: 5px;
position: relative;
}
.twinbox .rightbox {
		width:576px;
		float:left;
	padding:10px;
	}
.twinbox .rightbox .text {
	padding:20px;
	line-height:210%;
	font-size:13px;
}
.twinbox .rightbox .text dl{margin:5px;}
.twinbox .rightbox .text dl#access{margin-left:40px; overflow:hidden;}
.twinbox .rightbox .text dl dt{padding-top:10px;}
.twinbox .rightbox .text dl dd{padding-left:20px;}

.twinbox .rightbox .text dl#access dt{float:left; width:5em;}
.twinbox .rightbox .text dl#access dd{float:left; padding-top:10px;}

.twinbox .rightbox .text .houchi{
padding-left:20px;
overflow:hidden;
margin-top: 20px;
background: rgba(255, 255, 255, 0.4);
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.twinbox .rightbox .text .houchi .imageh{
display:block;
float:left;
padding:5px 0;
}
.twinbox .rightbox .text .houchi .imageh img{
float: left;
padding: 5px 10px 5px 0px;
}


.twinbox .rightbox .bookbox .set {text-align:right; }
.twinbox .rightbox .bookbox .set p {font-size:12px;}
.twinbox .rightbox .bookbox .set p#booktitle {font-size:19px; font-weight:bold; margin:10px auto; letter-spacing:4px;}
.twinbox .rightbox .bookbox .set span.releace {color:silver; font-size:10px;}
.twinbox .rightbox .bookbox .set p#top20 {margin:20px 0 3px 0;}
.twinbox .rightbox .bookbox .set #btn {
	background: #25995f;
	color: #ffffff;
	padding: 8px;
	overflow: hidden;
	width: 140px;
	text-align: center;
	letter-spacing: 3px;
	float:right;
	margin-top:20px;
	}
.twinbox .rightbox .bookbox .set #btn a {
		color:#fff;
		background:url(../img/book_arrow.png) no-repeat left;
		padding-left:17px;
}
/*============================
#２カラムワイド版
============================*/
#main .twinbox .leftbox_wide {
	width:669px;
	float:left;
}
#main .twinbox .rightbox_short {
	width:307px;
	float:left;
	padding:30px 10px 0;
}
#main .twinbox .rightbox_short .sidetweet{
	width:264px;
	height:344px;
	margin:0 auto;
	background:url(../img/twitter_bg.png) no-repeat center;
}
#main .twinbox .rightbox_short .subblock{
	width:216px;
	height:66px;
	margin:30px auto;
}
#main .twinbox .rightbox_short .sidetweet .timeline{
	width:173px;
	height:197px;
	padding:55px 0 0 43px;
}
#main .twinbox .rightbox_short .afiarea{
	width:300px;
	margin:0 auto;
	background:url(../img/goods.jpg) no-repeat top center;
	overflow:hidden;
	padding-top:50px;
}
#main .twinbox .rightbox_short .afiarea .goodsarea{width:280px; overflow:hidden; margin:0 auto;}
#main .twinbox .rightbox_short .afiarea .goodsarea .syouhin{width:60px; height:60px; float:left; }
#main .twinbox .rightbox_short .afiarea .goodsarea .text{
	display: table-cell;
	width:220px;
	height:60px;
	background:url(../img/afi_bg.jpg) no-repeat center;
	vertical-align: middle;
    text-align: center;
}
#main .twinbox .rightbox_short .afiarea .goodsarea .text p{
	display: inline-block;
    text-align: left;
}

#subfoot{
	background:url(../img/tree.jpg) no-repeat right;
	width:996px;
	height:121px;
	background-color:white;
	margin:0 auto;
	padding: 0 30px;
	position:relative;
}
#subfoot .twitter_icon{
	width:36px;
	height:32px;
	position:absolute;
	top:27px;
	right:123px;
}

/*============================
#内容
============================*/
#main .twinbox .leftbox .rssarea .box .naiyou p#category {font-size:9px; color:#989898; text-align:left; padding-bottom:3px;}
#main .twinbox .leftbox .rssarea .box .naiyou p#date {font-size:10px; color:#eba361; padding-bottom:5px;}
#main .twinbox .leftbox .rssarea .box .naiyou p#title {font-size: 12px;
color: #eba361;
padding-left: 10px;
letter-spacing: 2px;
line-height: 140%;
font-weight: bold;}
#main .twinbox .leftbox .rssarea .box .naiyou .entory {
float: right;
width: 123px;
height: 21px;
position: absolute;
bottom: 5px;
right: 5px;
}

/*============================
#btn
============================*/
div.bookbox div.set div#btn {
}

#main .slider{
	width:800px;
	height:533px;
	margin:0 auto;
	padding-bottom:120px;
}
#main #main_block h3{
	font-size:16px;
	display:block;
	width:850px;
	border-bottom:1px dashed #aaa;
	border-left:4px solid #D8A66D;
	margin:0 auto;
	padding:5px 0  5px 15px;
	letter-spacing:6px;
}
#main #main_block h4{
	border-left:4px solid #333;
	font-weight:bold;
	font-size:14px;
	display: inline;
	padding:0 10px  0 10px;
}
#main #main_block .voice {
	background:url(../img/voice_bg.jpg)no-repeat;
	width:747px;
	height:449px;
	margin:0 auto;
	padding-top:60px;
}
#main #main_block .voice .inner {
	width:600px;
	height:136px;
	margin:35px auto;
	overflow:hidden;
}
#main #main_block .voice div.inner .voicebox {
	width:156px;
	height:136px;
	float:left;
	margin:0 22px;
	font-size:12px;
}
#main #main_block .voice div.inner div.voicebox .image {
	width:152px;
	height:112px;
	margin:0 auto;
	position:relative;
}
#main #main_block .voice div.inner div.voicebox .view img {
   position: relative;
}
#main #main_block .voice div.inner div.voicebox .view a.info {
   background:url(../img/eyelet.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:48px;
   height:48px;
}
#main #main_block .voice div.inner div.voicebox .view {
   width:150px;
   height:112px;
   text-align: center;
   box-shadow: 0px 0px 5px #aaa;
	position: relative;
	cursor: default;
}
#main #main_block .voice div.inner div.voicebox .view .mask, #main #main_block .voice div.inner div.voicebox .view .content {
   width:152px;
   height:112px;
   position: absolute;
   top: 0;
   left: 0;
}
#main #main_block .voice .inner .voicebox .image .mask {
	opacity: 0;
	overflow:visible;
	border:56px solid rgba(0,0,0,0.7);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
#main #main_block .voice .inner .voicebox .image a.info {
   position:relative;
   top:-24px; /* Center the link */
   opacity: 0;
   -webkit-transition: opacity 0.5s 0s ease-in-out;
   -moz-transition: opacity 0.5s 0s ease-in-out;
   -o-transition: opacity 0.5s 0s ease-in-out;
   -ms-transition: opacity 0.5s 0s ease-in-out;
   transition: opacity 0.5s 0s ease-in-out;
}
#main #main_block .voice .inner .voicebox .image:hover .mask {
   opacity: 1;
   border:56px solid rgba(0,0,0,0.7);
}
#main #main_block .voice .inner .voicebox .image:hover a.info {
	opacity:1;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

#main #main_block .voice div.inner .voicebox p {
	text-align:center;
	margin-top:5px;
}
/*============================
#パン屑
============================*/
#main ol{font-size: 100%; overflow: hidden; padding-top:10px;}
#main ol a{text-decoration:none;}
#main ol li{float:left;}
#main ol li.first{padding-left:20px; margin-right:6px;}
#main ol li.next{background:url(../img/bread_arrow.png) left no-repeat; padding-left:13px;margin-right:6px;}

/*============================
#head
============================*/
.head {
	overflow:hidden;
	position:relative;
}
.fixed_head {
  position: fixed;
  top: 0;
  z-index:9999;
	background: rgba(255, 255, 255, 0.5);
	width:100%;
}
.head .kasen{
	width:1000px;
	margin:0 auto 20px;
	padding-top:20px;
}
.head .kasen ul#ko{
width: 956px;
height: 56px;
margin: 0 auto;
overflow: hidden;
z-index: 999;
position: relative;
}
.head .kasen ul#ko li#head_logo{
width:45px;
	height:45px;
	float:left;
	margin:0 90px 0 0;
}
.head .kasen ul#ko li#head_logo img{
padding:0;
}
.head .kasen span {
background: url(../img/menu_bg.png) repeat-x top center;
height: 55px;
display: block;
position: absolute;
z-index: -1;
}
.head .logo{
	width:272px;
	height:61px;
	margin-left:30px;
	float:left;
}
.head ul{
	width:821px;
	height:50px;
	margin:0 auto;
	overflow:hidden;
	z-index: 999;
	position: relative;
	}
.head li{
float: left;
margin: 0 20px;
height: 50px;
}
.head li img{padding: 10px 5px 5px 5px;}
.head ul li.facebook{width:34px; height:34px; float:left; }
.head ul li.facebook img{padding:10px;}
/*============================
#l_midashi
============================*/
#l_midashi{
	background:url(../img/l_midashi_bg.png)repeat-x ;
	width:100%;
	height:144px;
	padding-top: 1px;
	box-shadow: 0px 12px 60px #f4f4f4; /* CSS3 */
	-moz-box-shadow: 0px 12px 60px #f4f4f4; /* Firefox用*/
	-webkit-box-shadow: 0px 12px 60px #f4f4f4; /* Google Chrome, Safari用*/
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');
	position: relative;
	}
#l_midashi .leftimage {
	width: 500px;
	height: 143px;
	float:left;
	}
#l_midashi .righttext {
	font-size:13px;
	overflow: hidden;
}
#l_midashi .righttext .textwrapper {
	width:670px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	height:143px;
}
#l_midashi .righttext .textwrapper p {
	display: inline-block;
    text-align: left;
	line-height:230%;
}

/*============================
#wrapper
============================*/
#wrapper {
	width:100%;
	overflow:hidden;
	height:auto !important; /*IE6*/
}
#mainphoto{
	background:rgba(255, 255, 255, 0.6);
	width: 100%;
	margin-top:170px;
}
#index_head{
	background:rgba(255, 255, 255, 0.6);
	width: 100%;
}

#mainphoto .photo{
	width:329px;
	height:154px;
	margin:0 auto;
	padding-top:50px;
}
/*============================
#main
============================*/
#wrapper #main .textbox {
	width:800px;
	margin:30px auto;
	padding:10px;
	font-size:14px;
	line-height:230%;
	overflow: hidden;
}
#wrapper #main .textbox img#left{
	float:left;
	padding:0 30px 0;
}
#wrapper #main .match {
	background:url(../img/matching.png)no-repeat;
	width:789px;
	height:552px;
	overflow:hidden;
	margin:0 auto;
	padding-top:50px;
	}
#wrapper #main .match .matchwrap {
	width:730px;
	height:150px;
	margin:0 auto;
	overflow:hidden;
}
#wrapper #main .match .matchwrap .left {
	width:250px;
	float:left;
}
#wrapper #main .match .matchwrap .right {
	width:480px;
	float:left;
	font-size:14px;
}
#wrapper #main .match .matchwrap .right ul{
	margin-top:16px;
}
#wrapper #main .match .matchwrap .right li{
	background:url(../img/matching_li.jpg) left no-repeat;
	padding-left:20px;
	margin:0 0 15px 0;
	font-weight:bold;
	letter-spacing:4px;
	}
#wrapper #main .focus {
}
#wrapper .s_midashi {
	width:1056px;
	margin: 0 auto;
	height: 89px;
	background:url(../img/s_midashi_bg.jpg) left no-repeat;
	box-shadow: 0px 12px 60px #f4f4f4; /* CSS3 */
	-moz-box-shadow: 0px 12px 60px #f4f4f4; /* Firefox用*/
	-webkit-box-shadow: 0px 12px 60px #f4f4f4; /* Google Chrome, Safari用*/
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');
	position: relative;
}
#wrapper .s_midashi .s_left {
	width:356px;
	height:89px;
	float:left;
}
#wrapper .s_midashi .s_left .s_midashi_image{
	width:356px;
	height:89px;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
#wrapper .s_midashi .s_left .s_midashi_image img{
	display: inline-block;
	height:15px;
}
#wrapper .s_midashi .s_right {
	width:400px;
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	height:89px;
}
#wrapper .s_midashi .s_right p {
	display: inline-block;
    text-align: left;
}
#wrapper .textbox {
}
/*============================
#人気記事
============================*/
.pickup {
	background:url(../img/favorite_post_bg.png) repeat;
	width:100%;
	padding:30px 0 30px;
	position:relative;
	padding-bottom: 425px;
}
.pickup .title_block {
	width:1230px;
	margin:0 auto;
	padding-top:40px;
}

.pickup div.titleimage {
	width:524px;
	height:105px;
	margin:0 auto;
}
.pickup .curentwrap {
	margin: 30px auto 0;
	width:100%;
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
	padding-bottom:80px;
}
.pickup .curentwrap ul {
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}
.pickup .curentwrap ul li {
	height: 200px;
	float: left;
	display: inline;
	overflow: hidden;
}
.pickup .pickup_block {
	width:1130px;
	margin:0 auto;
	padding-top:40px;
}
.pickup .pickup_block .workspace {
	width:980px;
	margin: 0 auto;
}
.pickup .atelier {
	width:100%;
	height: 225px;
	overflow: hidden;
}
.pickup .atelier ul li{float:left; height:300px;}
.leftNav,
.rightNav {
	outline: none;
	background:url(../img/left_rightnav.png);
}

.leftNav:before,
.rightNav:before {
	content:"";
	width:100%;
	height:100%;
	display: block;
}

.leftNav:hover {
	background:url(../img/left_rightnav_on.png);
}


.rightNav:hover {
	background:url(../img/left_rightnav_on.png);
}

.leftNav:hover:before,
.rightNav:hover:before {
	background:url(../img/left_rightnav_on.png);
}
/*サムネイルホバーイベント*/
.mosaic-block {
        float:left;
        position:relative;
        overflow:hidden;
        width:150px;
        height:150px;
        background:#111 url(../img/progress.gif) no-repeat center center;
}
    .mosaic-backdrop {
        display:none;
        position:absolute;
        top:0;
        height:100%;
        width:100%;
        background:#111;
}

    .mosaic-overlay {
        display:none;
        z-index:5;
        position:absolute;
        width:100%;
        height:100%;
        background:#111;
}
    .circle .mosaic-overlay {
        background:url(../img/hover-magnify.png) no-repeat center center;
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
        filter:alpha(opacity=00);
        display:none;
}
/*サムネイルホバーイベント*/
/*= workスライド=*/
#worksdisplay{
display:none;
}
#data{
width:900px;
overflow:hidden;
}
#data .leftbox{
width:600px;
height:400px;
float:left;
text-align:center;
}
#data .leftbox img{
/*= position:absolute;=*/

}
#data .rightbox{
float:left;
width:290px;
margin:0 5px;
}
#data .rightbox ul.thmb{
width:270px;
cursor:pointer;
margin:0 auto;
overflow: hidden;
border-bottom: 1px dotted #333;
padding:10px 0 20px;
}
#data .rightbox ul.thmb li{
width:80px;
margin:5px;
float:left;
}
#data .rightbox ul.thmb li a{
display:block;
}
#data .rightbox .detail_wrap{
padding: 15px 10px 0 0;
float: right;
width: 270px;
}
#data .rightbox .detail_wrap p#title{
font-weight: bold;
float: left;
padding-bottom:20px;
font-size:15px;
}
#data .rightbox .detail_wrap .detail_art{
clear: both;
}
#data .rightbox .detail_wrap .detail_art dl#detail{
overflow:hidden;
font-size: 12px;
}

#data .rightbox .detail_wrap .detail_art dl#detail dt{
clear: left;
float: left;
margin: 0 0 0.8em;
padding-left: 20px;
	font-weight:bold;
}
#data .rightbox .detail_wrap .detail_art dl#detail dd{
margin-bottom: 0.8em;
margin-left: 5.5em;
}
/*= workスライド=*/
.pickup .pickup_block ul#category {
	padding:40px 0 50px;
	overflow:hidden;
	margin:0 auto;
	width:607px;
}
.pickup .pickup_block ul#category li{
	margin:0 50px;
	float:left;
}
.pickup .pickup_block ul#work {
	width:950px;
	padding:0 0 50px;
	overflow:hidden;
	margin:0 auto;
}
.pickup .pickup_block ul#work li{
	width:150px;
	height:150px;
	margin:20px 20px;
	float:left;
}
.pickup .pickup_block .threebox {
	width:870px;
	margin:0 auto;
	overflow:hidden;
		padding:20px 0 50px;
}
.pickup .pickup_block .threebox .wrapper {
	width:280px;
	margin:0 5px;
	float:left;
}
.pickup .pickup_block .threebox .wrapper p{ font-size:10px; color:#928E8E; text-align:right; width:273px; height:24px; overflow:hidden; margin:0 auto; padding: 7px 0 0 0; letter-spacing:2px;}
.pickup .pickup_block .threebox .wrapper p#kurashi{background:url(../img/category_kurashi.png) no-repeat;}
.pickup .pickup_block .threebox .wrapper p#seiri{background:url(../img/category_seirisyuunou.png) no-repeat;}
.pickup .pickup_block .threebox .wrapper p#media{background:url(../img/category_media.png) no-repeat;}
.pickup .pickup_block .threebox .wrapper p a{background:url(../img/category_arrow.png)no-repeat left; padding-left:14px;}
.pickup .pickup_block .threebox .wrapper .eyecacth{
	width:250px;
	height:250px;
	margin:20px auto 20px;
	box-shadow: 0px 15px 20px -10px #999; /* CSS3 */
	-moz-box-shadow: 0px 15px 20px -10px #999; /* Firefox用*/
	-webkit-box-shadow: 0px 15px 20px -10px #999; /* Google Chrome, Safari用*/
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='2', MakeShadow='true', ShadowOpacity='0.5');
	position: relative;

}
.pickup .pickup_block .threebox .wrapper .post_detail{
	background:url(../img/pickup_new.png) no-repeat left center;
	padding-left:50px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	width: 200px;
	margin: 0 auto;
	min-height: 53px;
}
.pickup .pickup_block .threebox .wrapper .post_detail span.date{
	display:block;
	font-size:10px;
	margin-top:5px;
}
 .gallerybox {
	width:800px;
	margin:0 auto;
	padding:30px 0 20px;
}
/* =======================================
	ClearFixElements
======================================= */
.pickup div.curentwrap ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.pickup div.curentwrap ul {
	display: inline-block;
	overflow: hidden;
}
/*============================
#footer
============================*/
.footer {
	position:absolute;
		bottom:0;
	background:rgba(0 ,0 ,0 ,0.7 );
	color:#fff;
	width: 100%;
	height: 425px;
}

.footer .foothead {
	position:relative;
	top:0;
	border-bottom:1px solid #ccc;
	padding: 20px 0;
}
.footer .foothead .innner{width:1100px; height:69px; margin:0 auto;}
.footer .foothead .innner .leftlogo {width:441px; height:57px; float:left; padding:6px 0;}
.footer .foothead .innner .righttext {float:right; height:69px; }
.footer .foothead .innner .righttext  p{line-height:69px; }
.footer .foot{
	position:relative;
	top:0;
}
.footer .foot .contents{
	width:990px;
	margin:0 auto;
	padding-top:30px;
	height: 100%;
	overflow: hidden;
}
.footer .foot .contents .contentinner {
	width:330px;
	float:left;
}
.footer .foot .contents .contentinner span.white {
	background:#cccccc;
	display: inline-block;
	letter-spacing: 3px;
	color: #000;
	padding: 0 10px 0 10px;
}
.footer .foot .contents .contentinner #naiyou{
	padding-top:27px;
}
.footer .foot .contents .contentinner #footfacebook{
	width: 92px;
	height: 15px;
	position: absolute;
	top: 27px;
	right: 30px;
}
.footer .foot .contents .contentinner p{text-align: right; margin-right: 30px; padding-left: 90px;}
.footer .foot .contents .contentinner p#ma40{text-align: right; margin-right: 40px; clear: both;}
.footer .foot .contents .contentinner .foot_profile {
	background:url(../img/foot_profile.png)no-repeat center top;
	width:330px;
	height:70px;
	margin:0 auto 20px;
}
.footer .foot .contents .contentinner .foot_factory {
	background:url(../img/foot_factory.png)no-repeat center top;
	width:330px;
	height:70px;
	margin:0 auto;
}
.footer .foot .contents .contentinner .foot_recent {
background: url(../img/foot_recent.png)no-repeat center top;
width: 330px;
margin: 0 auto;
height: 250px;
}
.footer .foot .contents .contentinner #recentwrap{
width: 260px;
float: right;
padding: 30px 0 0 0;
}
.footer .foot .contents .contentinner #recentwrap img{
	height:120px !important;
	border:1px solid #ccc;
	padding:5px;
	display:block;
	margin-bottom:10px;
	float: right;
}
.footer .foot .contents .contentinner .foot_connect {
	background:url(../img/foot_conect.png)no-repeat center top;
	width:330px;
	height:70px;
	margin:0 auto 20px;
	position: relative;
}
.footer .foot .contents .contentinner .foot_mail {
	background:url(../img/foot_mail.png)no-repeat center top;
	width:330px;
	height:70px;
	margin:0 auto;
}
.footer .foot .contents .contentinner .foot_like {
	padding-right:30px;
	float:right;
}
.footer .foot .contents .contentinner .foot_like .facebook{
margin-right:20px;
	float:left;
}
.footer .foot .contents .contentinner .foot_like .twitter{
	float:left;
}

.footer .foot #cpr{
	padding-bottom:20px;
	color:#cccccc;
}
.footer .foot #cpr p{
	font-size:10px;
	text-align:center;
	letter-spacing:2px;
}
.footer .foot #cpr p a{color:#cccccc;}
.footer .foot #cpr p a:hover{color:#cccccc; text-decoration:none;}
#map_canvas{
width:100%;
height:300px;
}
#feed{
width:182px;
margin:0 auto;
}

/*============================
#form
============================*/
#main .twinbox .innner #mailformpro{
	width:770px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
}
#main .twinbox .innner #mailformpro dl#form{
	overflow:hidden;
	font-size:14px;
}
#main .twinbox .innner #mailformpro dl#form dt {
	float: left;
	width: 200px;
	text-align: left;
	padding: 10px 20px;
	margin: 0px 0;
}
#main .twinbox .innner #mailformpro dl#form dd {
	margin-left: 16.5em;
	padding: 10px 20px;
}
#main .twinbox .innner #mailformpro dl#form dd input {padding:3px 2px; width:50%;}
#main .twinbox .innner #mailformpro dl#form dd select {padding:3px 2px; width:40%;}
#main .twinbox .innner #mailformpro dl#form dd textarea {padding:3px 5px; line-height:150%;}
#main .twinbox .innner #mailformpro p#point{
cursor: pointer;
float: right;
margin-top: 20px;
clear: both;
}
#main .twinbox .innner #mailformpro p#point button{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
-webkit-box-shadow: 1px 1px 2px #E7E7E7;
-moz-box-shadow: 1px 1px 2px #E7E7E7;
width: 80px;
color: #202f55;
height: 25px;
cursor: pointer;
margin: 0 4px;
float: left;
font-size: 1.2em;
}
/*= orderスライド=*/
#nonframe{
}