/* CSS Document */

body {
	background-color: #FFFFFF;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.2em;
 	width: 100%;
	vertical-align: top;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	-webkit-text-size-adjust: 100%;
}

/* --- ヘッダー --- */
#headarea {
	width: 100%;
	height:95px;

	opacity: 0.9; 
	color: #000000;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
#headarea_e {
	width: 100%;
	height:100px;
	background-color: #dcdcdc;
	color: #000000;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}
#head {
	width: 100%;
	background-color: none;
	color: #000000;
	text-align:center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.locatebox {
	width:950px;
	padding:0px;
	border: hidden;
	margin: 10px auto 0px auto;
	border-spacing: 0px;
	text-align:center;
}
.locatebox_e {
	width:950px;
	border: hidden;
	margin: 0px auto 0px auto;
	padding:0px;
	border-spacing: 0px;
	text-align:center;
}
h1.headt {
	font-size: 0.6em;
	font-weight: normal;
	text-align:left;
	margin: 0px 0px 0px 0px;
}
 
/* --- タイトル --- */
.title_area {
	width:100%;
	height:70px;
	padding:0px;
	border: none;
	margin: 0px auto 0px auto;
	border-spacing: 0px;
	text-align:center;

}
.title_area_e {
	width:100%;
	height:70px;
	border: none;
	background: #2e2930;
	margin: 0px auto 0px auto;
	padding:0px;
	border-spacing: 0px;
	text-align:center;
}
.title_box {
	width:1000px;
	height:60px;
	display: inline-block;
	border: none;
	margin: 5px auto 0px auto;
	padding:0px;
	border-spacing: 0px;
	text-align:center;
}
.title_lbox {
	width:300px;
	height:60px;
	padding:0px;
	border: none;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px;
	line-height: 25px;
	text-align:left;
	float: left;
}
.title_rbox {
	width:700px;
	height:60px;
	padding:0px;
	border: none;
	margin: 0px 0px 0px 0px;
	border-spacing: 0px;
	text-align:right;
	float: left;
}
.cnamebox {
	font-size: 0.8em;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;
	text-align:right;
}

/* --- メニュー --- */
.menu_area {
	width: 100%;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	text-align:right;

}
.menu_box {
	width: 702px;
	border: 0px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
ul.menu {
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul.menu li {
	width:16.5%;
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
ul.ws-plink {
	text-align:left;
	margin: 0px 0px 0px 80px;
	padding: 0px 0px 0px 0px;
}
ul.ws-plink li {
	list-style-type:disc;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
.menuz {
	font-size: 0.8em;
	letter-spacing: normal;
	margin: 0px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	width:98%;
	height:30px;
	text-align:center;
	line-height:30px;
	
}
.menuz a:link {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background-color: #0000cd;
	text-align:center;
	line-height:30px;
	-webkit-border-radius: 7px 0px 7px 0px;
	-moz-border-radius: 7px 0px 7px 0px;
	-khtml-border-radius: 7px 0px 7px 0px;
	border-radius: 7px 0px 7px 0px;
}
.menuz a:visited {
	color:#ffffff;
}
.menuz a:hover {
	text-decoration:none;
	color:#ffffff;
	background-color: #4169e1;

}
.menuz a:active {
	color: #ffffff;
	background-color: #0000cd;
}

#dropmenu{
  list-style-type: none;
  width: 690px;
  height: 30px;
  margin: 0px 0px 0px auto;
  padding: 0;

  border-bottom: 0px solid #535d09;
}
#dropmenu li{
  position: relative;
  width: 114px;
  float: left;
  margin: 0px 1px 0px 0px;
  padding: 0;
  text-align: center;

}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 0 11px;
  color: #ffd700;
  background-color: #333333;
  font-size: 0.6em;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  border-radius: 3px 3px 3px 3px;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #0d0015;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #000000;
  background-image: url(/temp/Default/img/menuback_b.png);
	background-repeat: repeat;
  color: #ffffff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #727171;
  border-bottom: 1px solid #727171;
  border-left: 1px solid #383c3c;
  border-right: 1px solid #383c3c;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* --- コンテナ --- */
#container {
	width:100%;
	height:100%;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-spacing: 0px;
	text-align:center;
	background: url(/img_parts/noah_back.jpg) no-repeat;
	background-position: top center;
	background-size:cover;
}
#bodybox  {
	width: 1000px;
	display: inline-block;

	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#bodybox_mod  {
	width: 100%;
	display: inline-block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
#bodybox_modbody  {
	width: 100%;
	text-align:center;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.pagearea {
	width: 1000px;
	text-align:center;
	display: inline-block;
	margin: 100px auto 0px auto;
	padding: 0px;
}
.pageareabody {
	width: 900px;
	text-align:center;
	display: inline-block;
	margin: 50px auto 10px auto;
	padding: 0px;
}
.bodyboxin  {
	width: 100%;
	background: none;
	display: inline-block;
	margin: 130px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.bodyboxa {
	width:100%;
	height:100%;
	padding:0px;
	border: hidden;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border-spacing: 0px;
	text-align:center;
	background: #FFFFFF url(./temp/Default/img/smb.jpg) repeat-x;
}
.ph-box {
	width:70%;
	display: inline-block;
	border: none;
	margin: 10px 15% 10px 15%;
	padding: 0px 0px 0px 0px;
}

/* --- modfページコンテンツ表示 --- */
.modfcbox_0 {
	width: 0px;
	text-align:center;
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.modfcbox_1 {
	width: 450px;

	min-height: 350px;
	text-align:center;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
.modfcbox_2 {
	width: 900px;

	min-height: 300px;
	text-align:center;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

/* --- トップ写真&リンクボタン --- */
.topp-l {
	width:640px;
	margin: 10px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.topp-r {
	width:320px;
	text-align:center;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
ul.tp-side_link {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ul.tp-side_link li {
	list-style-type:none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* --- コンテンツ用 --- */
.spacer{
	width:100%;
	height:130px;
	border: hidden;
	margin: 0px;
	padding:0px;
	display: inline-block;
	border-spacing: 0px;
	text-align:center;
	background: none;
}
.centerbox {
	width: 100%;
	outline: none;
	color:#000!important;
	border:0px;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: inline-block;
}
.n-box {
	width: 100%;
	outline: none;
	color:#000!important;
	border:0px solid #dedede;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	display: inline-block;
	
}
.halfbox {
	width: 460px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #eaeaea;
	background: url(/img_parts/w60.png) repeat ;
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}
.inhalfbox {
	width: 45%;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #eaeaea;
	background:#ffffff;
	margin: 10px 2% 10px 2%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
}
.inhalfbox_nb {
	width: 45%;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:0px solid #eaeaea;
	background:#ffffff;
	margin: 10px 2% 10px 2%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}
.blk_321 {
	width: 30%;
	min-height:300px;
	display: inline-block;
	outline: none;
	color:#000;
	border:1px solid #eaeaea;
	margin: 10px 1% 10px 1%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}
.blk_321_b {
	width: 30%;
	min-height:300px;
	display: inline-block;
	outline: none;
	color:#000;
	border:1px solid #ffffff;
	margin: 10px 1% 10px 1%;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

.back-ao_c {
	color:#ffffff!important;
	background: radial-gradient(#9292ef, #0000cd) fixed;
	text-align: center;
}
.back-gr_c {
	color:#ffffff!important;
	background: radial-gradient(#a4ef91, #0dcd00) fixed;
	text-align: center;
}
h3.t-7midashi{
	font-size: 1.2em;
	letter-spacing: 0.5em;
	width:100%;
	display: inline-block;
	outline: none;
	color:#ffffff;
	border:0px solid #eaeaea;
	background:#0dcd00;
	margin: 0px 0% 5px 0%;
	padding: 5px 0px 5px 0px;
	text-align: center;
}
.t-box {
	width:96%;
	display: inline-block;
	outline: none;
	margin: 10px 2% 20px 2%;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.t-7honbun {
	width:92%;
	line-height: 1.6em;
	display: inline-block;
	outline: none;
	margin: 5px 4% 5px 4%;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
ul.newsinfo {
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
}
ul.newsinfo li {
	font-size: 1.0em;

	list-style-type:disc;
	margin: 10px 0px 15px 20px;
	padding: 0px 0px 0px 0px;
}




/* --- フッタ --- */
#footer {
	width: 100%;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(/img_parts/w70.png) repeat ;
	text-align:center;
}
#footer_e {
	width: 100%;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #eae5e3;
	text-align:center;
}
#foot {
	width: 100%;
	height: 20px;
	background-color: #000000;
	font-size: 9px;
	color: #FFFFFF;
	text-align:center;
}
.footerbox {
	width: 1000px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:0px solid #dedede;
	margin: 30px auto 30px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
.ft-boxa {
	float: left;
	width: 250px;
	margin: 10px 10px 10px 40px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
ul.ftinfoa li {
	font-size: 1.0em;
	list-style-type:disc;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
ul.ftinfoa li a {
	color: #0000FF;
	text-decoration: none;
}
ul.ftinfoa li a:hover {
	color:#0000FF;
	text-decoration: underline;
}
ul.ftinfoa li a:visited {
	color:#0000FF;
	text-decoration: none;
}
ul.ftinfob li {
	font-size: 1.0em;
	list-style-type:none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
ul.ftinfoc li {
	font-size: 1.0em;

	list-style-type:none;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/* --- タイトル --- */
h3.deco_none {
	font-size: 1.1em;
	text-align: left;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
}
h3.deco {
	font-size: 1.1em;
	text-align: left;
	color: #FFFFFF;
	width: 96%;
	background-color: #666666;
	margin: 10px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	border-top: 5px solid #666666;
	border-left: 10px solid #666666;
	border-right: 2px solid #666666;
	border-bottom: 5px solid #666666;
}
/* --- 本文 --- */
p.t1 {
	font-size: 1.0em;
	line-height: 1.8em;
	text-align:left;
	margin: 10px 40px 10px 30px;
	padding: 0px 0px 0px 0px;
}
p.modt {
	font-size: 1.0em;
	line-height: 1.6em;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
}
.mdta_0 {
	text-align:left;
}
.mdta_1 {
	text-align:center;
}
.mdta_2 {
	text-align:right;
}
.txt-l {
	text-align:left;
}
.txt-c {
	text-align:center;
}
.txt-r {
	text-align:right;
}

p.l1 { margin-left:1em; }
p.l2 { margin-left:2em;
	line-height: 24px;
	line-height: 25px\9; /* IE8 and below */
	*line-height: 25px; /* IE7 and below */
	text-align:left;
}

p.ta_c { text-align: center;}

p.ex-a {
	font-size: 0.8em;
	line-height: 30px;
	line-height: 30px\9; /* IE8 and below */
	*line-height: 30px; /* IE7 and below */
	text-align:center;
	margin-left: 10px auto 10px auto;
}
.con-box {
	width: 94%;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #f5f5f5;
	background: url(/img_parts/w70.png) repeat ;
	margin: 10px 3% 10px 3%;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
.con-boxc {
	width: 67%;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #f5f5f5;
	background: url(/img_parts/w70.png) repeat ;
	margin: 10px 1% 10px 1%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
}
.con-boxc_m {
	width: 67%;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #f5f5f5;
	background:#fff4ff;
	margin: 10px 1% 10px 1%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
}
.con-boxc_s {
	width: 27%;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #f5f5f5;
	background: url(/img_parts/w70.png) repeat ;
	margin: 10px 1% 10px 1%;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
}
.locatelink a {
	color:#0000FF;
	border-bottom: none;
}
.locatelink a:visited {
	color: #0000FF;
	border-bottom: none;
}
.locatelink a:hover {
	color: #0000FF;
	border-bottom: 3px double;
}
.locatelink a:active {
	color: #0000FF;
	border-bottom: none;
}

/* --- 画像表示 --- */
img.worksphsz_250 {
	max-width: 240px;
	max-height: 240px;
	border: 0px;
	margin: 4px auto 4px auto;
	padding:0px 0px 0px 0px;
}
img.worksphsz_200 {
	max-width: 200px;
	max-height: 200px;
	border: 0px;
	margin: 4px auto 4px auto;
	padding:0px 0px 0px 0px;
}
img.worksphsz_150 {
	max-width: 150px;
	max-height: 150px;
	border: 0px;
	margin: 4px auto 4px auto;
	padding:0px 0px 0px 0px;
}
.phbox {
	width:250px;
	margin:5px;
	border: hidden;
	border-spacing: 0px;
	text-align: center;
}
.phcapbox {
	width:100%;
	margin:5px 0px 10px 0px;
	border: hidden;
	border-spacing: 0px;
	text-align: center;
	font-size: 0.6em;
}
.worksphbox {
	max-width: 220px;
	max-height: 220px;
	float: left;
	outline: none;
	border:none;
	margin: 10px 5px 10px 5px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.worksphbox_250 {
	max-width: 250px;
	min-height: 210px;
	float: left;
	outline: none;
	border:none;
	display: block;
	margin: 10px 5px 10px 5px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.worksphbox_200 {
	max-width: 200px;
	min-height: 170px;
	float: left;
	outline: none;
	border:none;
	display: block;
	margin: 10px 5px 10px 5px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.worksphbox_150 {
	max-width: 150px;
	min-height: 130px;
	float: left;
	outline: none;
	border:none;
	display: block;
	margin: 10px 5px 10px 5px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.box_ph_left_250 {
	width:250px;
	font-size:small;
	line-height:20px;
	margin: 0px 10px 0px 10px;
	padding:0px;
	border: hidden;
	text-align: center;
	border-spacing: 0px;
	float: left;
}
.box_ph_left_200 {
	width:200px;
	font-size:small;
	line-height:20px;
	margin: 0px 10px 0px 10px;
	padding:0px;
	border: hidden;
	text-align: center;
	border-spacing: 0px;
	float: left;
}
.box_ph_left_150 {
	width:150px;
	font-size:small;
	line-height:20px;
	margin: 0px 10px 0px 10px;
	padding:0px;
	border: hidden;
	text-align: center;
	border-spacing: 0px;
	float: left;
}
.box_ph_right_250 {
	width:250px;
	font-size:small;
	line-height:20px;
	margin: 0px 20px 0px 10px;
	padding:0px;
	border: hidden;
	text-align: center;
	border-spacing: 0px;
	float: right;
}
.box_ph_right_200 {
	width:200px;
	font-size:small;
	line-height:20px;
	margin: 0px 20px 0px 10px;
	padding:0px;
	border: hidden;
	text-align: center;
	border-spacing: 0px;
	float: right;
}
.box_ph_right_150 {
	width:150px;
	font-size:small;
	line-height:20px;
	margin: 0px 20px 0px 10px;
	padding:0px;
	border: hidden;
	text-align: center;
	border-spacing: 0px;
	float: right;
}
p.mainw_3 {
	font-size: 1.0em;
	line-height: 2.0em;
	text-align:left;
	margin: 10px 50px 10px 50px;
	padding: 0px 0px 0px 0px;
}
p.mainw_2 {
	font-size: 0.8em;
	line-height: 1.8em;
	text-align:left;
	margin: 10px 30px 10px 30px;
	padding: 0px 0px 0px 0px;
}
p.mainw_1 {
	font-size: 0.6em;
	line-height: 1.6em;
	text-align:left;
	margin: 10px 30px 10px 30px;
	padding: 0px 0px 0px 0px;
}
.workspharea_250 {
	width: 520px;
	float: none;
	outline: none;
	border:none;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.workspharea_200 {
	width: 420px;
	float: none;
	outline: none;
	border:none;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.workspharea_150 {
	width: 320px;
	float: none;
	outline: none;
	border:none;
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}




/* --- コンテンツコンテナ --- */
.containerin {
	width: 950px;
	margin: 0 auto;
	background-color: #ffffff;
}
/* --- シャドウ付きメインコンテナ --- */
.containersidein {
	width: 900px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:0px solid #dedede;
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	background:#fff;-webkit-border-radius: .5px;
	-moz-border-radius: .5px;
	-khtml-border-radius: 5px;
	border-radius: .5em;
	behavior: url(http://gori-p.com/ie-css3.htc);-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);box-shadow: 0 3px 5px rgba(0,0,0,.2);
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* --- メインカラム --- */
.main-c {
	float: left;
	width: 700px; /* メインカラムの幅 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/* --- ブログメインカラム --- */
.contentblog {
	float: left;
	width: 700px; /* メインカラムの幅 */
}
/* --- サイドR --- */
.side-r {
	float: left;
	width: 300px; /* サイドバーの幅 */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



h1.top {
	font-size: 0.8em;
	font-weight: normal;
	text-align: center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}
.style9 {color: #666666; font-size: small; }
.style10 {
	font-size: 9px;
	color: #FFFFFF;
}
.style11 {font-size: 9px}
.style12 {color: #FFFFFF}
.style2 {color: #FFFFFF}

/* --- mod用 --- */
.modphotobox {
	float: left;
	width: 310px;
	height: 280px;
	background:#ffffff;
	text-align: center;
	margin: 20px 5px 20px 15px ;
	padding: 0px 0px 0px 0px;
	
}
.effect1 {
    box-shadow: 0 2px 8px -2px #777777;
}
img.listph {
	width: 270px;
	height: auto;
	border:0px;
}

img.modf_ph {
	width: 96%;
	height: auto;
	border:0px;
	margin: 5px 2% 5px 2% ;
	padding: 0px 0px 0px 0px;
}
.modbrand_list-box {
	font-size: 0.8em;
	width: 31%;
	height: 300px;
	background:#ffffff;
	text-align: center;
	margin: 10px 1% 10px 1% ;
	padding: 0px 0px 0px 0px;
	float: left;
	border:1px solid #dedede;
	
}
img.modbrand_listph {
	width: 96%;
	height: auto;
	border:0px;
	margin: 5px 2% 5px 2% ;
	padding: 5px 0px 0px 0px;
}
.modph2_list-box {
	font-size: 0.9em;
	line-height: 1.6em;
	width: 23%;
	height: 250px;
	background:#ffffff;
	text-align: center;
	margin: 20px 1% 20px 1% ;
	padding: 0px 0px 0px 0px;
	float: left;
	
}
img.modph2_listph {
	width: 200px;
	height: auto;
	border:0px;
	margin: 5px auto 5px auto ;
	padding: 0px 0px 0px 0px;
}

.modpn_list-box {
	font-size: 0.9em;
	line-height: 1.6em;
	width: 23%;
	height: 250px;
	background:#ffffff;
	text-align: center;
	margin: 20px 1% 20px 1% ;
	padding: 0px 0px 0px 0px;
	float: left;
	
}
img.modpn_listph {
	width: 90%;
	height: auto;
	border:0px;
	margin: 5px 5% 5px 5% ;
	padding: 0px 0px 0px 0px;
}
.modpn_tx {
	width: 90%;
	text-align: left;
	margin: 5px 5% 5px 5% ;
	padding: 0px 0px 0px 0px;
	
}

.modbr_list-box {
	font-size: 0.9em;
	line-height: 1.6em;
	width: 31%;
	height: 300px;
	background:#ffffff;
	text-align: center;
	margin: 20px 1% 20px 1% ;
	padding: 0px 0px 0px 0px;
	float: left;
	
}
img.modbr_listph {
	width: 90%;
	height: auto;
	border:0px;
	margin: 5px 5% 5px 5% ;
	padding: 0px 0px 0px 0px;
}
.modbr_tx {
	width: 90%;
	text-align: left;
	margin: 5px 5% 5px 5% ;
	padding: 0px 0px 0px 0px;
	
}

.box900 {
	width: 900px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:0px solid #dedede;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 10px 0px;
	background:#fff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.boxtopl {
	width: 350px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #dedede;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background:#fff;
	-webkit-border-radius: .5px;
	-moz-border-radius: .5px;
	-khtml-border-radius: 5px;
	border-radius: .5em;
	behavior: url(http://gori-p.com/ie-css3.htc);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	text-align: left;
	float: left;
}
.boxl850 {
	width: 850px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #dedede;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	background:#fff;
	-webkit-border-radius: .5px;
	-moz-border-radius: .5px;
	-khtml-border-radius: 5px;
	border-radius: .5em;
	behavior: url(http://gori-p.com/ie-css3.htc);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	text-align: left;
}
.boxtopr {
	width: 460px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #dedede;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background:#fff;
	-webkit-border-radius: .5px;
	-moz-border-radius: .5px;
	-khtml-border-radius: 5px;
	border-radius: .5em;
	behavior: url(http://gori-p.com/ie-css3.htc);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	text-align: left;
	float: left;
}
.box700s {
	width: 700px;
	display: inline-block;
	outline: none;
	color:#000!important;
	border:1px solid #dedede;
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background:#fff;
	-webkit-border-radius: .5px;
	-moz-border-radius: .5px;
	-khtml-border-radius: 5px;
	border-radius: .5em;
	behavior: url(http://gori-p.com/ie-css3.htc);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 3px 5px rgba(0,0,0,.2);
	text-align: left;
}
.sideshadowL {
	background: url(http://www.sophywasada.com/temp/Default/img/side_wl.jpg) no-repeat ;

}
.sideshadowR {
	background: url(http://www.sophywasada.com/temp/Default/img/side_wr.jpg) no-repeat ;

}
.sideshadow-under {
	background: url(http://www.sophywasada.com/temp/Default/img/shadow-under.png) repeat center;

}


.sideback {
	background: url(http://www.sophywasada.com/temp/Default/img/side_back.jpg) no-repeat;
	line-height: 25px\9; /* IE8 and below */
	*line-height: 25px; /* IE7 and below */
	text-align:center

}
.honbun {
	line-height: 25px\9; /* IE8 and below */
	*line-height: 25px; /* IE7 and below */
	text-align:left
}
.center {
	text-align:center;
}
.f_box_640 {
	width:640px;
	padding:0px;
	border: hidden;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
}
.f_box_640c {
	width:640px;
	padding:0px;
	border: hidden;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
	text-align:center;
}
.f_box_640s {
	width:640px;
	height:20px;
	padding:0px;
	border: hidden;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
	background: url(./temp/Default/img/640shadow.jpg) repeat;
}
.f_box_650w {
	width:640px;
	padding:10px;
	border: hidden;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
}
.f_box_500 {
	width:500px;
	padding:0px;
	border: hidden;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
}
.f_box_170 {
	width:160px;
	padding:0px;
	border: hidden;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0px;
	line-height: 25px\9; /* IE8 and below */
	*line-height: 25px; /* IE7 and below */
	text-align:left;
}


/* --- フロートクリア --- */
.clearleft {
	clear: left;
}
.clearright { 
	clear: right; 
}
.clearboth { 
	clear: both;
}
table, td, th {
	border: 0px;
	padding: 0px;
	vertical-align: top;
}
table.works_p-sp {
	border-spacing: 7px;
}
table.tw_100p {
	width: 100%;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_700 {
	width: 700px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_700t {
	width: 700px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_700sp5 {
	width: 700px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 5px;
}
table.tw_650 {
	width: 650px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_500 {
	width: 500px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_450 {
	width: 450px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_400 {
	width: 400px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_400_m500x {
	width: 400px;
	height: auto;
	margin: 5px 0px 0px 10px;
	border-spacing: 0px;
}
table.tw_400_test {
	width: 400px;
	height: auto;
	margin-left: 0px;
	border-spacing: 0px;
}
table.tw_300 {
	width: 300px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
table.tw_300_mr5 {
	width: 300px;
	height: auto;
	margin-left: auto;
    margin-right: 5px;
	border-spacing: 0px;
}
table.tw_250 {
	width: 250px;
	height: auto;
	margin-left: auto;
    margin-right: auto;
	border-spacing: 0px;
}
td.td_500 {
	width: 500px;
	height: auto;
}
td.td_260 {
	width: 260px;
	height: auto;
}
td.td_260 {
	width: 260px;
	height: auto;
}
td.t_11 {
	background-image: url(./temp/Default/img/1-1.jpg);
	width: 15px;
	height: 15px;
}
td.t_12 {
	background-image: url(./temp/Default/img/1-2.jpg);
	width: auto;
	height: 15px;
}
td.t_13 {
	background-image: url(./temp/Default/img/1-3.jpg);
	width: auto;
	height: 15px;
}
td.t_21 {
	background-image: url(./temp/Default/img/2-1.jpg);
	width: 15px;
	height: auto;
}
td.t_22 {
	background-image: url(./temp/Default/img/2-2.jpg);
	width: auto;
	height: auto;
	line-height: 24px;
	line-height: 25px\9; /* IE8 and below */
	*line-height: 25px; /* IE7 and below */
	text-align:left
}
td.t_23 {
	background-image: url(./temp/Default/img/2-3.jpg);
	width: 15px;
	height: auto;
}
td.t_31 {
	background-image: url(./temp/Default/img/3-1.jpg);
	width: 15px;
	height: 15px;
}
td.t_32 {
	background-image: url(./temp/Default/img/3-2.jpg);
	width: auto;
	height: 15px;
}
td.t_33 {
	background-image: url(./temp/Default/img/3-3.jpg);
	width: auto;
	height: 15px;
}
#para_l5 {
	margin-left: 5px;
	position:relative;
}
#para_l10 {
	margin-left: 10px;
	position:relative;
}
img.il { float: left; }
img.ir { float: right; margin-right: 5px;}

img.fl {
	float: left; 
	margin: 0px 10px 0px 0px; 
}
ul.topbutton{
    width:280px;
	list-style-type:none;
	float:right;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}

ul.topbutton_li{
    width:280px;
    list-style-type:none;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}
ul.bf_li {
margin-right: 20px;
list-style-type: none; 
}
ul.photo_r20 li {
display: inline;
margin-right: 20px;
list-style-type: none; 
}
ul.photo_l5 li {
	display: inline;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	list-style-type: none; 
}

.f_box_600l {
	width:600px;
	padding:0px;
	border: hidden;
	margin-top: 10px;
	border-spacing: 0px;
}
.box600l {
	width: 570px;
	display: inline-block;
    outline: none;
    color:#000!important;
	border:1px solid #dedede;
	margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
    background:#fff;
	behavior: url(http://gori-p.com/ie-css3.htc);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
	text-align:center;
	float: left;
}
.box900s {
	width: 840px;
	display: inline-block;
    outline: none;
    color:#000!important;
	border:1px solid #dedede;
	margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    background:#fff;
    -webkit-border-radius: .5px;
    -moz-border-radius: .5px;
	-khtml-border-radius: 5px;
    border-radius: .5em;
	behavior: url(http://gori-p.com/ie-css3.htc);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
	margin-left: auto;
    margin-right: auto;
	text-align:center;
}
.box400l {
	width: 400px;
	margin-top: 3px;
	margin-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
	text-align:left;
}
.box400 {
	width: 400px;
	background-image: url(./img_extra/bf-t_back.png);
	margin-top: 3px;
	margin-bottom: 10px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
}
.box800 {
	width: 800px;
    background:#fff;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
}
.box800ch {
	width: 800px;
	 padding: 10px 0px 10px 0px;
    background-image: url(./img_cherish/cherish_back.jpg);
	margin-left: auto;
    margin-right: auto;
	text-align:center;
}
.box680 {
	width: 680px;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
}
h2 {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
}
.h3lbf {
	font-size: medium;
	font-weight: bold;
	text-align: left;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-top: 3px;
}
h3.brp {
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
	margin-bottom: 3px;
	margin-top: 3px;
}


/* --- トップ写真スライドショー --- */

/*画像ブロック*/
#topslides {
	clear: left;
	width: 98%;
	height: auto;
	margin: 5px 1% 5px 1%;
	padding: 0px 0px 0px 0px;
	position: relative;
}

/*1枚目*/
@keyframes slide1 {
	0% {opacity: 0;}
	1% {opacity: 1;}
	18% {opacity: 1;}
	20% {opacity: 0;}
	100% {opacity: 0;}
}

/*2枚目*/
@keyframes slide2 {
	0% {opacity: 0;}
	19% {opacity: 0;}
	21% {opacity: 1;}
	38% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}

/*3枚目*/
@keyframes slide3 {
	0% {opacity: 0;}
	39% {opacity: 0;}
	41% {opacity: 1;}
	58% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}

/*4枚目*/
@keyframes slide4 {
	0% {opacity: 0;}
	59% {opacity: 0;}
	60% {opacity: 1;}
	78% {opacity: 1;}
	80% {opacity: 0;}
	100% {opacity: 0;}
}
/*5枚目*/
@keyframes slide5 {
	0% {opacity: 0;}
	79% {opacity: 0;}
	80% {opacity: 1;}
	99% {opacity: 1;}
	100% {opacity: 0;}
}

/*３枚画像の共通設定*/
#slide1,#slide2,#slide3,#slide4,#slide5 {
	-webkit-animation-duration: 30s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 30s;			/*同上*/
	-webkit-animation-iteration-count:infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count:infinite;			/*同上*/
}

/*1枚目*/
#slide1 {
	-webkit-animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1;				/*同上*/
	position: relative;
	width: 100%;
	height: auto;
}

/*2枚目*/
#slide2 {
	-webkit-animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*3枚目*/
#slide3 {
	-webkit-animation-name: slide3;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide3;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}

/*4枚目*/
#slide4 {
	-webkit-animation-name: slide4;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide4;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}
/*5枚目*/
#slide5 {
	-webkit-animation-name: slide5;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide5;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	height: auto;
}
.fbboxpc {
	margin: 0px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	width:98%;
	text-align:center;
	display: inline-block;
}
.fbboxsp {
	margin: 0px 1% 0px 1%;
	padding: 0px 0px 0px 0px;
	width:98%;
	text-align:center;
	display: none;
}

/* --- エディター --- */
.editbody {
	width: 900px;
	display: inline-block;
	border: 1px solid #dcdcdc;
	margin: 10px auto 10px auto;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
.fullbox {
	width: 100%;
	display: inline-block;
	border: 0px solid #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
}
.harfbox {
	width: 47%;
	display: inline-block;
	border: 1px solid #dcdcdc;
	margin: 5px 1% 5px 1%;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float: left;
}
.282box {
	width: 20%;
	display: inline;
	border: 0px solid #dcdcdc;
	margin: 5px 1% 5px 1%;
	padding: 0px 0px 0px 0px;
	text-align:center;
	float: left;
}
.288box {
	width: 70%;
	display: inline;
	border: 0px solid #dcdcdc;
	margin: 5px 1% 5px 1%;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float: left;
}
.blackback {
	background-color: #000000;
}
img.editbutton {
	width: 120px;
	height: 45px;
	border: 0px;
	margin: 5px 5px 5px 5px;
	padding:0px 0px 0px 0px;
}

/* --- 個別 --- */
.t-work {
	font-size: 2.8em;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	display: inline-block;
	width: 90%;
	background-color: #24ace2;
	margin: 10px 5% 5px 5%;
	padding: 0px 0px 0px 0px;
	border-top: 10px solid #24ace2;
	border-left: 2px solid #24ace2;
	border-right: 2px solid #24ace2;
	border-bottom: 10px solid #24ace2;
}