@import url(https://fonts.googleapis.com/css?family=Karla);
div{/*	開発中のみ	*/
	/* border	:	dotted; */
}

body{
		line-height	:	130%;
		font-family	:	'Karla','Helvetica','Meiryo',san-serif;
		font-size	:	15px;
	}
input{
		font-family	:	'Karla','Helvetica','Meiryo',san-serif;
		font-size	:	15px;
}
textarea{
		font-family	:	'Karla','Helvetica','Meiryo',san-serif;
		font-size	:	15px;
}
.site-title	{
		font-size	:	15px;
		font-weight	: 	normal;
		color	:	white;
	}
.site-description	{
		font-size	:	15px;
		font-weight	: 	normal;
		color	:	white;
	}

li	{
	/*	font-size	:	15px; */
	list-style-type	:	disc;
	}


a	{
		margin-left	:	10px;
		margin-right:	10px;
	}

.structure{
	width	:	820px;
	margin	:	0px auto 0px;
	padding	:	10px 10px 10px 10px;
	/*	border-right	:	1px solid darkgray;	*/
	/*	border-left		:	1px	solid darkgray;	*/
	/*	background-color	:	gainsboro;	*/
}
#header{
	position	:	relative;
	height	:	80px;
	background-image	:	url(../img/title.png);
	background-position	:	center top;
	background-repeat	:	no-repeat;
}
#global-nav{
	position	:	absolute;
	top	:	8px;
	left	:	40px;
}
#utility-nav{
	position	:	absolute;
	top		:	10px;
	left	:	640px;
}
#logo{
	position	:	absolute;
	top	:	15px;
	left	:	27px;
}
#logo_query{
	position	:	absolute;
	top	:	15px;
	left	:	27px;
}
a.site-menu{
	display	:	block;
	width	:	150px;
	margin	:	0px 0px 0px 0px;
	padding	:	10px;
	background-color	:	lightsteelblue;
	color	:	teal;	
	text-decoration	:	none;
	border-style	:	solid;
	border-radius	:	5px;
	border-width	:	1px;
	border-color	:	teal;
	margin	:	2px;
}
a.site-menu:hover{
	background-color	:	teal;
	color	:	white;
	border-color	:	powderblue;
}
a.site-menu-off{
	display	:	block;
	width	:	150px;
	margin	:	0px 0px 0px 0px;
	padding	:	10px;
	background-color	:	teal;
	color	:	white;
	text-decoration	:	none;
	border-style	:	solid;
	border-radius	:	5px;
	border-width	:	1px;
	border-color	:	powderblue;
	margin	:	2px;
	pointer-events	:	none;
}
a.site-menu-parent{
/* 子ページにおける親ページへのリンク */
	display	:	block;
	width	:	150px;
	margin	:	0px 0px 0px 0px;
	padding	:	10px;
	background-color	:	teal;
	color	:	white;
	text-decoration	:	none;
	border-style	:	solid;
	border-radius	:	5px;
	border-width	:	1px;
	border-color	:	powderblue;
	margin	:	2px;
}

#container{
	overflow	:	hidden;
	padding		:	10px;
}
#primary-contents{
	margin-left	:	10px;
	float	:	left;
	width	:	420px;
}
#secondary-contents{
	margin-right	:	10px;
	float	:	right;
	width	:	290px;
	
}
#footer{
	text-align	:	center;
	font-size	:	13px;
}

div.form_title{
	margin-left	:	20px;
	/* float:left; */
	/* width:200px; */
	/* height:50px; */
}
div.form_input{
	margin-left	:	20px;
	margin-top		:	5px;
	margin-bottom	:	10px;
}
.message{
	color		:	red;
	font-size	:	smaller;
	font-weight	:	bold;
	margin-left	:	20px;
}
.comment{
	color		:	blue;
	font-size	:	smaller;
	margin-left	:	40px;
}
.description{
	font-size	:	smaller;
	margin-left	:	40px;
}
div.waku{
	border-style	:	solid;
	border-color	:	gray;
	border-width	:	2px;
	border-radius	:	5px;
	margin			:	10px;
	padding			:	10px;
}
div.price-waku{
	border-style	:	solid;
	border-color	:	darkgreen;
	border-width	:	1px;
	border-radius	:	5px;
	margin-left		:	40px;
	margin-bottom	:	20px;
	padding-top		:	10px;
	padding-left	:	10px;
	padding-right	:	10px;
	padding-bottom	:	10px;
}
div.price-title{
	color			:	darkgreen;
	font-weight		:	bold;
	margin-left		:	10px;
	font-size		:	14px;
}
div.username{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	gray;
	color			:	gray;
	font-size		:	15px;
	display			:	inline;
}
input[type="submit"]{
	/* width			:	150px; */
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	coral;//gray;
	font-size		:	15px;
	display			:	inline;
	background-color	:	 white;
	color			:	tomato;
	cursor: pointer;
}
input[type="submit"]:hover{
	background-color	:	 peachpuff;//gainsboro;
}
#backtomember{
	/* width			:	150px; */
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	gray;
	font-size		:	15px;
	display			:	inline;
	background-color	:	 white;
	color			:	black;
	cursor: pointer;
}
#backtomember:hover{
	background-color	:	 gainsboro;
}
div.inputvalue{
	margin-left		:	20px;
	margin-top		:	5px;
	margin-bottom	:	10px;
}
a.likebutton{
	padding	:	8px;
	background-color	:	 darkgray;
	border-color	:	gray;
	border-style	: 	solid;
	border-width	:	1px;
	border-radius	:	3px;
	text-decoration	:	none;
	color			: 	black;
}
a.likebutton:hover{
	background-color	:	 gray;
}
a.back{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	gray;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	//color			: 	black;
}
a.back:hover{
	background-color	:	 gainsboro;
}

a.order{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	cornflowerblue;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	display			:	inline-block;
}
a.order:hover{
	background-color	:	 lightblue;
}
div.order-selected{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	cornflowerblue;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	display			:	inline-block;
	background-color:	lightblue;
	color			:	darkblue;
}

a.prev{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	cornflowerblue;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	display			:	inline-block;
}
a.prev:hover{
	background-color	:	 lightblue;
}

a.next{
	margin-left	:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-right-width	:	15px;
	border-color	:	cornflowerblue;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	display			:	inline-block;
}
a.next:hover{
	background-color	:	 lightblue;
}

div.now{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	//border-left-width	:	15px;
	border-color	:	cornflowerblue;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	display			:	inline-block;
	color			:	darkblue;
}

a.update{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	coral;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	color			: 	tomato;
}
a.update:hover{
	background-color	:	 peachpuff;
}
a.menu{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	coral;
	font-size		:	15px;
	display			:	inline;
	text-decoration	:	none;
	color			: 	tomato;
}
a.menu:hover{
	background-color	:	 peachpuff;
}
#container h1{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-left-width	:	15px;
	border-color	:	gray;
	/*	color			:	dimgray;	*/
	font-size		:	15px;
	display			:	inline;
}
#container h1 a{
	margin-left		:	0px;
	margin-right	:	0px;
	/* text-decoration	:	none; */
}
#container h1 a:visited{
	color			:	dimgray;
}
#container h1.parent{
	margin-left		:	10px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-color	:	silver;
	background-color	:	gray;
	color			:	whitesmoke;
	font-size		:	15px;
	display			:	inline;
}
#container h1.parent a:visited{
	color			:	whitesmoke;
}
#container h1.parent a:link{
	color			:	whitesmoke;
}
#container h2{
	margin-left		:	20px;
	font-size		:	15px;
	/* color			:	dimgray; */
}
#container h3{
	margin-left		:	40px;
	padding-left	:	20px;
	padding-right	:	20px;
	padding-top		:	5px;
	padding-bottom	:	5px;
	border-style	:	solid;
	border-width	:	1px;
	border-color	:	silver;
	background-color	:	gray;
	color			:	whitesmoke;
	font-size		:	15px;
	display			:	inline;
}
#container h3 a{
	margin-left		:	0px;
	margin-right	:	0px;
	/* text-decoration	:	none; */
}
#container h3 a:visited{
	color			:	whitesmoke;
}
#container h3 a:link{
	color			:	whitesmoke;
}
#container p{
	margin-left		:	40px;
	margin-right	:	40px;
}
#container dt{
	margin-left		:	40px;
}
#container dd{
	margin-left		:	60px;
}
#container li{
	margin-left		:	20px;
}
div.price-waku .comment{
	margin-left		:	60px;
}

/* 番号付きリストは括弧つきで */
ol{
	padding:0 0 0 2em;
 	margin:0;
}
ol li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
}
ol li:before{
	display: marker;
	content: "(" counter(cnt) ") ";
}

div.signature{
	text-align		:	right;
	margin-right	:	10%
}

table.customlist{
	width: 100%;
	border-collapse: collapse;
}

table.customlist th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
	font-weight	:	normal;
}
table.customlist th.kaisha{
	width: 30%;
}
table.customlist th.name{
	width: 18%;
}
table.customlist th.post{
	width: 5%;
}
table.customlist th.tel_1{
	width: 12%;
}
table.customlist th.tel_2{
	width: 12%;
}
table.customlist th.mail{
	width: 23%;
}
table.customlist td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
table.customlist td a{
		margin-left	:	0px;
		margin-right:	0px;
}

table.memberlist{
	width: 100%;
	border-collapse: collapse;
}

table.memberlist th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
	font-weight	:	normal;
}
table.memberlist td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
table.memberlist th.cb{
	width: 4%;
}
table.memberlist th.kaisha{
	width: 30%;
}
table.memberlist th.busho{
	width: 38%;
}
table.memberlist th.name{
	width: 14%;
}
table.memberlist th.comment{
	width: 14%;
}

table.eventlist{
	width: 100%;
	border-collapse: collapse;
}

table.eventlist th{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
	font-weight	:	normal;
}
table.eventlist td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}
table.eventlist th.no{
	width: 4%;
}
table.eventlist th.name{
	width: 56%;
}
table.eventlist th.aite{
	width: 40%;
}
table.eventlist td a{
		margin-left	:	0px;
		margin-right:	5px;
}