/*#############各ページ共通#############*/
/* ページタイトル */
div.title{
	border-bottom:3px solid gray;
	border-left:15px solid gray;
	padding:10px;
	margin-bottom:10px;
}

/*#############各ページ設定#############*/

/************トップページ***************/

/* TOPICS */
div.topics_title {
	display:block;
	font-size:120%;
	font-weight:bold;
	color:teal;
/*	border:1px solid red;*/
	padding:10px;
}
div#topics {
	margin-bottom:20px;
/*	width:600px;*/
	height:300px;
	overflow:auto;
	padding:10px;
	position:relative;
	padding:10px;
	border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	background-color:#ffffff;/*#f1eef2*/
	border:1px solid teal;		
	z-index: 0;
}

div#topics dt,#topics dd{
	margin-bottom:0.8em;
}

div#topics dt{
	display:block;
/*	width:80px;*/
/*	float:left;*/
	color:#fe7300;
	font-weight:bold;
	margin-left: 1em;
}

div#topics dd{
/*	float: left;*/
	color: #C78C34;
	font-weight:normal;
	padding-left:20px;
}

div#st-topics {
	width: 579px;
	padding-top: 25px;
	background-image: url(../img/index/st_topics.gif);
	margin-bottom:16px;
}

/* コンテンツ */
div#contWrap div.top_note ul li{
	border-bottom:1px solid silver;
	padding:5px;
}
div.top_note dt{
	padding:5 5 5;/*上 右左 下*/
	background-color:gray;
	background:url(../img/index/line_title.png) left top no-repeat;
	
}
div.top_note a:link,div.top_note a:visited{
	font-weight:bold;	
	font-size:150%;
	padding:5px;/*上 右左 下*/
	margin-top:10px;
	margin-left:30px;
	text-decoration:none;
	display:block;
	color:#1f8e82;

}
div.top_note a:hover{
	font-weight:bold;	
	font-size:150%;
	padding:5 5 5;/*上 右左 下*/
	text-decoration:none;
	display:block;
	color:orange;
}
div.top_note dd{
	background-color:none;/*#f1eef2*/
	font-size:100%;
	padding:10px;/*上下 右左*/
/*	border:1px solid lime;*/
	width:68%;
	float:left;
	color:gray;
}
div.top_note dd.comment{
/*	background-color:#ffffff;*/
	font-size:80%;
	padding:5 10;/*上下 右左*/
	width:25%;
	float:right;	
}
div.top_note p.dd_comment{
/*	color:lime;*/
	position:relative;
	padding:5px 10px;
	border:#792da4 1px solid;
	border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	/*font-weight:bold;*/
	/*background:#fafafa;*/
	background-color:#1f8e82;
	color:#ffffff;
	z-index: 0;
}

/***********ログイン-（login）************/
div#login{
  padding: 10px;
  word-wrap: break-word;
}
div#login_box{
	width:300px;
	margin: 0 auto; 
	text-align:center;	
	margin-bottom:50px;
}

div#login_box #login_btn{
	margin-top:20px;
	
}

div#login_box p.l_titile{
/*	color:lime;*/
	position:relative;
	padding:10px 10px;
	border:#792da4 1px solid;
	border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	/*font-weight:bold;*/
	/*background:#fafafa;*/
	background-color:#1f8e82;
	color:#ffffff;
	z-index: 0;
	font-weight:bold;
	font-size:150%;
}


div#login_box2{
	width:300px;
	margin: 0 auto; 
	text-align:center;	
	margin-bottom:50px;
}

div#login_box2 p.title{
	color:gray;

}
div#login_box2 p.content{
/*	color:lime;*/
	position:relative;
	padding:10px 10px;
	border:#792da4 1px solid;
	border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	/*font-weight:bold;*/
	/*background:#fafafa;*/
	background-color:#edd4e9;
	color:magenta;
	z-index: 0;
	font-weight:bold;
	font-size:120%;
}
div#login_box3 {
	width:300px;
	margin: 0 auto;  
	text-align:center;	
}
div#login_box3 a{
	font-size:180%;
}
div#login_box4{
	margin-top:30px;
}

/**************仕事ページ-（works）**************/
 div.works{
   padding: 10px;
  word-wrap: break-word;
}
/*
div.works div.title{
	border-bottom:3px solid gray;
	border-left:3px solid gray;
	padding:10px;
	margin-bottom:10px;
}
*/
div.works div.works_index{
}

div.works div.works_index div.title_link p{
width:18%;
margin-bottom:5px;
padding:5px;
float:left;

}
div.works div.works_index div.title_link a{
width:90%;
text-decoration:none;
text-align:center;
color:#ffffff;
background-color:#f08080;
padding:5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
display:block;
height:3em;
}

div.works div.works_index div.note dt{
color:teal;
border:1px solid gray;
padding:5px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-bottom:10px;
}
div.works div.works_index div.note dd{
color:gray;

}
div.works div.works_index div.note dd.note{
padding:10px;
font-weight:bold;

}
div.works div.works_index div.note p{

}
div.works div.works_index div.note p.title{
width:95%;
color:magenta;
margin:5px;

}

div.works div.works_index div.note div.view_code{
padding:10px;
width:95%;
height:400px;
background-color:#ffffff;
overflow:auto;
color:gray;
font-weight:normal;
word-wrap:break-word;
margin:5px;
}
div.works div.works_index p.demo{
width:50%;
}

div.works div.works_index p.demo a{
width:auto;
text-align:center;
display:block;
background-color:#8fbc8f;
text-decoration:none;
color:#ffffff;
margin:5px;
padding:10px;
font-weight:normal;

}

/*仕事経歴*/
div.works div.works_career dl{

}
div.works div.works_career dl dt{
	width:50%;
	border-bottom:1px solid teal;
	padding:10px;
	font-size:110%;
	font-weight:bold;
	color:teal;
	
}
div.works div.works_career dl dd{
	padding:10px;
	margin-left:30px;
	margin-bottom:30px;
}


/**************お問い合わせページ-（contact）**************/

div.contact{
   padding: 10px;
  word-wrap: break-word;
}

div.contact p{
}

div.dataTable table{
	width:100%;
}
div.dataTable th{
	background-color: #1f8e82;
	border-bottom:1px solid #ffffff;
	color:#ffffff;
	padding:10px;
	width:200px;
	height:30px;
	vertical-align:top;
	
}
div.dataTable td{

	border-bottom:1px solid #1f8e82;
	padding:10px;
	width:300px;
}
div.submitBtn input#submit_button{
	margin-top:20px;
	width: 150px;
	height: 50px;
	color:#ffffff;
	background-color: #1f8e82;
}

div.contents p.sentence{
padding :20px;
}

/**************システムページ-（system）**************/
/*---system index---*/
div.flow{
}


div.flow div.flow_title{
	border-bottom:3px solid gray;
	border-left:3px solid gray;
	padding:10px;
	margin-bottom:10px;
}

div.flow div.flow_note{
	padding:10px;
}
div.flow div.flow_note p{
	padding:10px;
}

div.flow div.flow_note p.left{
	width:30%;
	padding:10px;
	float:left;
	border:1px solid red;
}

div.flow div.flow_note p.right{
	width:60%;
	padding:10px;
	float:left;
}
div.flow div.flow_note li{
/*	width:100%;*/
}

div.flow div.flow_note h4.title{
/*	border:1px solid red;*/
	width:auto;
	padding:5px;
	background-color:yellow;
}
div.flow div.flow_note  h4.title span{
	margin-left:20px;
	padding:5px;
}

div.system{
}
div.system p.title{
	border-bottom:3px solid gray;
	border-left:3px solid gray;
	padding:10px;
	color:#000;
	margin-bottom:10px;
}
div.system p.item{
	padding:10px 3px 3px 3px;
	font-weight:bold;
	border-bottom:1px solid gray;
}
div.system p{
	padding:3px;
	color:gray;
}
div.system p.sub_title{
	padding:3px;
	color:teal;
}
div.system p span{
	padding:3px;
	color:#000000;
}


/*----system app-------*/
div.system div.appli_create{
color;red;
}
div.system div.appli_title{
	clear:both;
	padding:10px;
}
div.appli_Sample{
	clear:both;
}
div.appli_Sample p{
	float:left;
	padding:10px;
	width:100x;
	height:120px;
/*	border:1px inset orange;*/
	color:red;
	text-align:center;
	margin-left:10px;
}
div.appli_kikaku{
	clear:both;
}
div.appli_kikaku p{
	float:left;
	padding:10px;
	width:150px;
	height:120px;
	border:1px inset orange;
	color:red;
	text-align:center;
	margin-left:10px;
}


/*----system story-------*/
/*お勧めタイトル*/
div.story div.recommended{
	padding:10px;
}
div.story div.recommended p{

}


/*お勧め理由*/
div.story div.reason{
padding:5px 20px;
}
div.story div.reason_left{
	width:50%;
	float:left;
}
div.story div.reason span.notice{
color:#7f07ab;
font-weight:bold;
font-size:120%;
}
div.story div.reason_right{
	width:50%;
	float:right;
}

div.story div.reason p{
	margin:10px;
	position:relative;
	padding:5px 10px;
	border:#6fc1b8 1px solid;
	border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	background-color:#ffffff;
	color:teal;
	z-index: 0;
	text-align:center;

}
div.story div.reason p.note{
	margin:10px;
	position:relative;
	padding:5px 10px;
/*	border:#792da4 1px solid;*/
	border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	background-color:#6fc1b8;
	color:#ffffff;
	text-align:left;
	z-index: 0;
	font-size:80%;

}
/**リンク*/
div.story div.note {
width:80%;
margin: 0 auto;
text-align:center;
}
div.story div.note p{
	width:45%;
	background-color:#aeb7fa;
	padding:10px;
	float:left;
	margin-left:5px;
	
}
div.story div.note p a{
	width:auto;
	background-color:#aeb7fa;
	padding:10px;
	text-decoration:none;
	display:block;
}


/*システム紹介*/
div.story div.module dl{
	padding:10px;
}

div.story div.module dl dt{
	color:teal;
	font-weight:bold;
	padding:10px;
	border-bottom:1px solid teal;
}

div.story div.module dl dd{
	padding:10px;
}

div.story div.module dl dd.sub_dd{
	color:gray;
}
div.story div.module dl dd.sub_dd a{
	text-decoration:none;
	width:300px;
/*	border:1px solid teal;*/
}

div.story div.module dl dd.sub_dd img{
	width:100px;
}

div.story div.module div.cms{
	border-bottom:1px solid lime;
}
div.story div.module div.cms1{
	width:150px;
	padding:10px;
	margin-bottom:5px;
	float:left;
}

div.story div.module div.cms2{
	width:300px;
	color:gray;
	padding:10px;
	margin-bottom:5px;
	float:left;
}
div.story div.module div.cms2 span{
	color:#000000;
	font-weight:bolod;
	font-size:120%;
}
div.story div.module p.title{
	font-weight:bolod;
	font-size:120%;
	padding:10px;
background:teal;
color:#ffffff;
}
div.story div.module p.cms3{
	color:red;
	padding:5px;
}



/*-----system web-----*/
div.system div.price_list table{
/*width:100%;*/
}
div.system div.price_list table th{
	width:180px;
	color:#ffffff;
	border:1px solid #000000;
	background:gray;
	padding:5px;
}
div.system div.price_list table th.price{
	width:200px;
	
}
div.system div.price_list table th.note{
	width:200px;
}
div.system div.price_list table td{
	border:1px solid gray;
	padding:5px;
}
div.system div.price_list table td.list{
	width:25%;
}

div.system div.price_list table td.price{
	width:35%;
}
div.system div.price_list table td.note{
	width:30%;
	font-size:80%;
}
div.system div.price_list table td p{
	border-bottom:1px dotted teal;
	
}
div.system div.price_list table td.list p{
	color:teal;
	font-size:90%
}

div.system div.price_list table td.price p{
	color:gray;
	font-size:90%
}

div.system div.price_list p{
	padding:3px;
}
div.system div.price_list p.price_index{
	color:red;
	font-weight:bold;
	margin-top:10px;
}
div.system div.price_list p.price_note{
	color:blue;
}

div.system div.price_list span.warning{
	color:blue;
}


/*-----system/dummy----*/

div.dummy p{
	width:auto;
	padding:10px;
	border-top:1px dotted teal;
	background:#e9fed2;
	font-weight:bold;
	color:#d71449;
}

div.dummy dt{
	width:auto;
	padding:5px;
	border-top:1px dotted teal;
background:yellow;
}

div.dummy dd{
	width:auto;
	padding:5px;
}

div.dummy span{
	color:teal
}
div.dummy img{
	float: left;
	margin-right:10px;
}

div.dummy_title{
	width:auto;
	padding:10px;
}
div.dummy_title p{
	width:auto;
	background:black;
	color:#ffffff;
	padding:10px;
}

div.dummy_title a{
	width:auto;
	color:yellow;
	text-decoration:none;
}


div.dummy_list img{
	width:60px;
}

div.dummy_list td.deletebtn{
	padding:10px;
	text-align:center;
	text-decoration:none;
}

div.dummy_list table td{
	border:1px solid gray;
}

div.dummy_list table th{
	background:#d382cf;
	border:1px solid gray;
	padding:3px 0px 3px 3px;
}
div.dummy_list table th.edititem01{
	width:30px;
}
div.dummy_list table th.edititem02{
	width:70px;
}
div.dummy_list table th.edititem03{
	width:100px;
}
div.dummy_list table th.edititem04{
}
div.dummy_list table th.edititem05{
	width:80px;
}
div.dummy_list table th.edititem06{
	width:50px;
}
div.dummy_list table th.edititem07{
	width:50px;
}


div.dummy_edit table {
	width:100%;
}

div.dummy_edit table th{
	width:100px;
	background:red;
	border:1px solid gray;
	padding:10px;
	vertical-align:top;
}

div.dummy_edit table td{
	border:1px solid gray;
	padding:10px;
}

div.dummy_edit a{
color:yellow;
}

div.dummy_edit img{
width:300px;
}

ul.actionButtons li{
float:left;
}

/*---system youtube-----*/
div.youtube{

}
div.youtube p.yt_title{

}

div.youtube_form{
}
div.youtube_form th{
}
div.youtube_form td{

}
/*--------sytem共通------*/

div.system div.html_area{
	width:680px;
	border:solid 2px lime;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	/* 角丸*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding:10px;
}
div.system div.html_area table.dummy{
background-color:#ffffff;
}

div.system div.html_area table.dummy th{
	background-color:silver;
	border:1px solid gray;
}
div.system div.html_area table.dummy td{
border:1px solid gray;
}

div.note{
	padding:10px;
	color:gray;
	font-size:90;
}

div.note p.note{
	padding:5px;
}

div.note p.note2{
	padding:5px;
	font-weight:bold;
	color:gray;
}


/*naviボタン*/
div#system_navi_button{
	width:100%;
	height:40px;
	clear:both;
	background:#a3d6c3;
	margin-top:10px;
	margin-bottom:10px;
}
div#system_navi_button ul{
/*	width:400px;*/
	float:right;
	margin-top:10px;
	margin-bottom:10px;

}	

div#system_navi_button li{
	display:block;
	padding:3px;
	width:120px;
/*	border:1px solid gray;*/
	float:left;
}
div#system_navi_button a{
	display:block;
	width:100%
	height:20px;
/*	border:1px solid gray;*/
	background:#ffffff;
	padding:3px;
	text-decoration:none;
	color:#d71449;
	font-size:90%;
	text-align:center;
}
div#system_navi_button a:hover{
	background:none;
	color:teal;
}


/*about_naviボタン*/

div#about_navi_subbutton ul{
/*	width:400px;*/
	float:right;
}

div#about_navi_subbutton li{
	display:block;
	padding:3px;
	width:120px;
/*	border:1px solid gray;*/
	float:left;
}
div#about_navi_subbutton a{
	display:block;
	width:100%
	height:20px;
/*	border:1px solid gray;*/
	background:#f8f58c;
	padding:3px;
	text-decoration:none;
	color:#d71449;
	font-size:90%;
	text-align:center;
}
div#about_navi_subbutton a:hover{
	background:none;
	color:teal;
}

/***********アバウトページ-（about）************/
div#contWrap div.about{
	padding:10px;
	word-wrap: break-word;
}
div#contWrap div.about table{
	width:100%;
	padding:10px;
	margin-left:20px;
}
div#contWrap div.about table th{
	padding:10px;
	background-color:teal;
	border-right:1px outset gray;
	border-bottom:1px outset gray;	
	color:#ffffff;
	font-size:120%;
	
}
div.about table td{
	padding:10px;
	border-bottom:1px outset gray;
}
div.about title{
	background:none;
	color:teal;
		/* 角丸*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding:10px;
}


/*about-detail*/
/*
div.about div.title{
	width:100%;
	background:teal;
	color:#ffffff;
*/
		/* 角丸*/
/*
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding:7px;
		margin:10px;
		font-weight:bold;
}
*/
div.about div.award{
	margin:10px;
}
div.about div.award p.award_left{
	width:40%;
	float:left;
	padding:10px;
}
div.about div.award p.award_right{
	width:40%;
	float:left;
	padding:10px;
}
div.about div.detail{
	clear:both;
	padding:10px;
}

/*about-index*/
/*about-motif*/
/*about-pastel*/
/*-about-project 企画-*/

div.about div.project dl{
	margin-top:10px;
	margin-left:20px;
	clear:both;
	margin-bottom:50px;
	margin-top:5px;
	padding:15px;
	height:auto;
}

div.about div.project dl dt{
	border-bottom:3px solid gray;
	border-left:3px solid gray;
	padding:5px;
	margin-bottom:15px;
	margin-top:15px;
}

div.about div.project dl dd{
	color:gray;
	margin-bottom:10px;

}

div.about div.project dl dd img{
	width:300px;
	float:left;

	clear:both;
}

div.about div.project dl dd.message{
	width:300px;
	color:teal;
	float:left;
	margin-left:10px;

}

div.about div.project dl dd.message a{

}


/*about-study 研究*/

div.about div.study{
margin-top:10px;
margin-left:20px;
}
div.about div.study li.study_title{
margin-top:10px;
font-weight:bolod;
color:teal;

}
div.about div.study li.study_subtitle{
margin-top:10px;
font-weight:bolod;
color:orange;
}
div.about div.study div.study_note{

}
div.about div.study div.study_data{
color:magenta;

}
div.about div.study p.atend{
margin-left:20px;
color:#A6594F;
}
div.about div.study span.my_note{
color:teal;
}

div.about div.bunken{
}
div.about div.bunken li{
padding:15px;
border-bottom: 1px solid silver;
}
div.about div.bunken p.title{
width:50%;
float:left;
}	
div.about div.bunken p.writer{
width:20%;
float:left;
}
div.about div.bunken p.publisher{
width:30%;
float:left;
}
div.about div .bunken p.url{
clear:both;
}
div.about div .bunken p.url a{
font-size:70%;
color:#ffffff;
word-break:keep-all;
}
/*タブのスタイル*/

div.about div.line{
	border-top:1px solid gray;
}
div.about div.study p.tabs{
}
div.about div.study ul.tab{
		overflow:hidden;
		margin:0;
		padding: 0;
		list-style: none;
}
div.about div.study ul.tab li{
/*		background: #eee;*/
		cursor: pointer;
		display: inline-block;
		width: 22%;
		padding: .6em;
		/* 角丸*/-ms-border-
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-top-left-radius: 10px;
		-moz-border-top-right-radius: 10px;
		-ms-border-top-left-radius: 10px;
		-ms-border-top-right-radius: 10px;		

		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	border-top:1px solid gray;
	border-left:1px solid gray;

	text-align:center;
	font-size:85%;
	height:3em;
	text-align:left;

}

div.about div.study ul.tab li.select{
	background:#F4BD6B;

}
	
div.about div.study div.content div{

	padding: .6em;
}

div.about div.study div.hide{
	display:none;
}


/*about-tennis*/

div.about div.tennis{
margin-top:10px;
margin-left:20px;
}

div.about div.tennis div.sub_title{
width:90%;
color:magenta;
padding:5px;
margin-bottom:10px;
margin-top:10x;
font-weight:bold;
clear:both;

}

div.about div.tennis div.box{
width:45%;
float:left;
text-align:center;
margin-right:30px;
margin-bottom:30px;

}
div.about div.tennis p.img_title{
color:teal;
font-weight:bold;
}

div.about div.tennis p.img{
margin-bottom:10px;
}

div.about div.tennis p.comment{
text-align:left;

}

div.about div.tennis p.img img{
	width:200px;
}


/*about-work*/
div.about div.about_title{
	width:95%;
	padding:5px;
	font-weight:bold;
	border-bottom:2px inset  silver;
	clear:both;
	margin:10px;
	background-color:#c6e3ca;
}

div.about div.work{
padding:10px;
}

div.about div.work ul.pastel{
padding:10px;
/*border:1px solid red;*/
}
div.about div.work ul.pastel li.title{
padding:5px;
/*border-top:2px inset teal;*/

}
div.about div.work ul.pastel li.title span.title{
padding:5px;
margin-right:20px;
background:#f2d2ab;
}
div.about div.work ul.pastel li.title span.material{
background:#c5e080;
-webkit-border-radius: 10px;
padding:5px;
color:teal;

}
/*---*/
div.about div.work ul.pastel li.content{
/*border:1px solid red;*/

}
div.about div.work ul.pastel li.content p.picture{
/*width:200px;*/
padding:10px;
/*float:left;*/
}
div.about div.work ul.pastel li.content p.picture img{
width:200px;
padding:10px;
float:left;
}
div.about div.work ul.pastel li.content p.note{
width:250px;
padding:10px;
float:left;

}
div.about div.work ul.pastel li.content p.photo{
float:right;
color:violet;
padding:5px;
}
div.about div.work ul.pastel li.content p.photo img{
float:right;
width:100px;
}


div.about div.drawing {
	width:100%;
}
div.about div.drawing div.drawing_box {
	width:200px;
	float:left;
	padding:5px;
	margin:10px;
}

div.about div.drawing p.title {
	color:magenta;
	padding-bottom:3px;
	height:3em;
}
div.about div.drawing p.picture {
}
div.about div.drawing p.picture img{
	width:200px;
}



/*-----------WEBページボタン----------*/
div.system{
  padding: 10px;
  word-wrap: break-word;
}
div#system_webnavi_button ul{
/*	width:400px;*/
	float:right;
}

div#system_webnavi_button li{
	display:block;
	padding:3px;
	width:110px;
/*	border:1px solid gray;*/
	float:left;
}
div#system_webnavi_button a{
	display:block;
	width:100%
	height:20px;
/*	border:1px solid gray;*/
	background:teal;
	padding:3px;
	text-decoration:none;
	color:#ffffff;
	font-size:90%;
	text-align:center;
}
div#system_webnavi_button a:hover{
	background:none;
	color:teal;
}

div#system_webnavi_button span.hit{
	color:lime;
}
/*contactボタン*/
div.system_link {
  padding: 10px;
  word-wrap: break-word;
}

div.system_link p.contact a{
	background:orange;
	width:120px;
	height:25px;
	padding:3px;
	text-decoration:none;
	color:#ffffff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}

/*webnaviボタン*/
div#system_navi_title dt{
	width:300px;
	border:solid 2px gray;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	/* 角丸*/
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding:10px;
}

/**************アクセスページ-（access）**************/
div.access{
  padding: 10px;
  word-wrap: break-word;
}

div.access h3{
	margin-top:20px;
}
div.access div.gmap_form{
	padding:10px;
	color:teal;
}

div.gmap_form th{
	padding:10px;
	color:#ffffff;
	background-color: #1f8e82;
	border-bottom:1px solid #ffffff;
}

div.access div.gmap_form td{
	padding:10px;

}
div.access div.gmap_form  input#submit_button{
	margin:10px;
	padding:10px;
}

div.access div.gmap_view{
	padding:10px;
}

div.access div.gmap_view p{
	padding:10px;
	color:gray;
}

div.access div.gmap_comment p{
	padding:10px;
	margin-top:10px;
	color:teal;
}



/**************個人情報ページ-（privacy）**************/
div.privacy {
  padding: 10px;
  word-wrap: break-word;
}
/*
div.privacy div.title{
	margin-top:20px;
	font-weight:bold;
}
*/
div.privacy div.note{
padding:10px;
color:teal;
margin:10px;
}
div.privacy div.note p{
	color:#000;
}
div.privacy div.note p.title{
	margin-top:10px;
	font-weight:bold;
	color:gray;
}
div.privacy div.note p.note{
	color:gray;
}
div.privacy div.note p.end{
	margin-top:25px;
	color:gray;
	float:right;
}
/**************メンバーページ-（mypage）**************/

/*MyPage*/
div.mypage{
  padding: 10px;
  word-wrap: break-word;
}

div.mypage table{
	width:100%;


}

div.mypage table th{
	background-color: #1f8e82;
	padding:10px;
	font-weight:bold;
	color:#ffffff;
	width:200px;
	vertical-align:top;
	border:1px solid silver;
}

div.mypage table td{
	border:1px solid silver;
	padding:10px;
}

div.mypage table td p.action a {
	display: inline-block;
	margin: 3px 3px;
	padding: 3px 5px 2px;
	background: #cccccc;
	border-radius: 5px;
	text-decoration:none;
	color: gray;
}
div.mypage div.enter_button{
	margin-top:10px;
	margin-bottom:30px;
	padding:10px;
}

div.mypage div.enter_button input {
	width:100px;
	height:30px;
}
/*mypage_page1画像設定*/

div.mypage_page1{
/*	border:1px solid gray;*/

}

div.mypage_page1 div.upload{
	padding:5px;
	margin-bottom:20px;
}

div.mypage_page1 div.upload a{
	background-color: #1f8e82;
	color:#ffffff;
	padding:5px;
	text-decoration:none;
}


/*mypage_page1画像ー設定*/
div.mypage_page1 div.galley{
	padding:5px;
	float:left;
	width:75%;

}
div.mypage_page1 div.galley div.title_attention{
	margin-bottom:30px;
}
div.mypage_page1 div.galley p.atention{
	width:100%
	padding:5px;
	vertical-align:bottom;
}

div.mypage_page1 div.galley p.atention span.galley_button{
	display: inline-block;
	margin: 3px 3px;
	padding: 3px 5px 2px;
	background: #cccccc;
	border-radius: 5px;
	text-decoration:none;
	color: gray;
	font-size:85%;
}
div.mypage_page1 div.galley p.atention {
color:teal;
}
div.mypage_page1 div.galley p.atention2{
margin-top:10px;
color:magenta;
}
div.mypage_page1 div.galley_box{
	margin-right:10px;
	margin-bottom:10px;
	height:200px;
	float:left;
	padding:5px;

}

div.mypage_page1 div.galley_box p.title{
background-color:#d5f88c;
	margin:0 auto;
	margin-top:2px;
	margin-bottom:2px;
	/* 角丸*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:3px 5px 3px 10px;
	font-size:85%;
	color:teal;
}

div.mypage_page1 div.galley_box p.iamge_box{
width:145px;
height:145px;
 vertical-align: middle;

 text-align:center;
 display: table-cell;
}

div.mypage_page1 div.galley_box img{

}


div.mypage_page1 div.galley_box p.action{
text-align:center;
clear:both;
 vertical-align: bottom;
}

div.mypage_page1 div.galley_box  p.action a {
	display: inline-block;
	margin: 3px 3px;
	padding: 3px 5px 2px;
	background: #cccccc;
	border-radius: 5px;
	text-decoration:none;
	color: gray;
	font-size:85%;
}

/*mypage_page1カテゴリー設定*/
div.mypage_page1 div.category{
	padding:5px;
	float:left;
	width:150px;
}
div.mypage_page1 div.category  p.category {
	background-color:#fcebe3;
	border-bottom:1px solid gray;
	margin-bottom:5px;
	padding:10px;

}
div.mypage_page1 div.category  p.category a {
	color: #4f7db1;
	text-decoration: none;
	display:block;
}
div.mypage_page1 div.category   a:hover{
	color:orange;
}

div.mypage_page1 div.category_edit { 
	margin-top:50px;
}
div.mypage_page1 div.category_edit p a{ 
	background-color:#6d366c;
	color:#ffffff;
	padding:5px;
	text-decoration:none;
}


div.mypage_page1 div.mypage_title{ 
	float:left;
	width:70%;
}
div.mypage_page1 div.mypage_title p{ 
	font-size:110%;
	color:teal;
	padding:5px;
	margin-left:5px;

}

div.mypage_page1 div.mypage_title p.title{ 
	background-color:#ecf8c4;
	border-bottom:1px solid gray;
	margin-bottom:5px;
}
div.mypage_page1 div.mypage_title p.comment{ 
	background-color:#f5f8c4;
	color:gray;
	border-bottom:1px solid gray;
	margin-bottom:5px;
}

/*MyPage_navi*/
div#mypage_navi_button{
	width:auto;
	clear:both;
}
div#mypage_navi_button ul{
	width:400px;
	float:right;
}

div#mypage_navi_button li{
	display:block;
	padding:3px;
	width:120px;
/*	border:1px solid gray;*/
	float:right;
}
div#mypage_navi_button a{
	display:block;
	width:100%
	height:20px;
/*	border:1px solid gray;*/
	background:#d71449;
	padding:3px;
	text-decoration:none;
	color:#ffffff;
	font-size:90%;
	text-align:center;
}
div#mypage_navi_button a:hover{
	background:#ffffff;
	color:#d71449;
}



/********** shop/cart/order *********************/
span.error{
color:red;
}

table.cart{
border:solid 1px teal;
}
table.cart th{
border:solid 1px teal;
}

table.cart td{
border:solid 1px teal;
}

table.order{
border:solid 1px teal;
}
table.order th{
border:solid 1px teal;
}

table.order td{
border:solid 1px teal;
}
/********** error **************/
div.error{
  padding: 10px;
  word-wrap: break-word;
}
/*
#errorPage .summary{
	margin-bottom:30px;
}
#errorPage dl{
	margin-bottom:20px;
	padding:20px 30px;
	border:#d3cacc 1px solid;
	background:#fafafa;
}
#errorPage dl dt{
	margin-bottom:5px;
	font-size:16px;
}
#errorPage dl dd{
	margin-bottom:15px;
	font-size:14px;
}
#errorPage dl .second{
	padding-left:30px;
}
*/