/*	www.agtjapan.com smart phone css */

@charset "utf-8";
@import "reset_html5.css";
body {
	padding:			10px;
	font-size:			0.8em;
	line-height:		135%;
/*	color: 					rgb(0, 0, 0); 
	text-align:			center;
	font-family:		verdana, sans-serif;		*/
}

#headline {
	font-size:			1em;
	margin:			10px;
	text-align:		center;
}
#header {
	font-size:			1em;
	margin-bottom:	5px;
}

.image_right {
	float:			right;
	margin-left:	10px;
}
.image_left {
	float:			left;
	margin-right:	10px;
}

hr {
	color:				green;
	margin-top: 		20px;
	margin-bottom: 		20px;

}

p {
	text-align:			left;
	margin-top:			5px;
	margin-bottom:		5px;
}

.p_left {
	text-align:			left;
	margin-top:			5px;
	margin-bottom:		5px;
}
.p_right {
	text-align:			right;
	margin-top:			5px;
	margin-bottom:		5px;
}
.p_center {
	text-align:			center;
	margin-top:			5px;
	margin-bottom:		5px;
}











.alert {
	color:				red;
	font-weight:		bold;
}

.stress {
	color:				red;
	font-weight:		bold;
}


ul {
	margin-left:		40px;
	text-align:			left;
	padding:			5px;
}

li.demo {
	margin-bottom:		5px;
}

.pageWrapper {
	margin-left:		auto;
	margin-right:		auto;
	padding:			0px;
	text-align:			center;
/*	background-color:	yellow; */
	border:				0px solid black;
	width:				750px;
} 

.pageWrapper_web {
	margin-left:		auto;
	margin-right:		auto;
	padding:			0px;
	text-align:			center;
/*	background-color:	yellow; */
	border:				0px solid black;
	width:				95%;
} 

.p_outer {
	margin-top:			0px;
	text-align:			center;
	border:				0px solid black;
} 


.title_message {
	text-align:				left;
	font-size: 				70%;
	font-weight: 			normal;
  	padding:				0px;
  	margin-top:				0px;
  	margin-bottom:			5px;
} 

.title_message_e {
	text-align:				left;
	font-size: 				70%;
	font-weight: 			normal;
  	padding:				0px;
  	margin-top:				0px;
  	margin-bottom:			5px;
} 

#mail_error {
	text-align:				left;
	color:					red;
	margin-bottom:			10px;
}

.item_name {
	width: 			250px;
	text-align:		left;
} 


.item_input {
	width: 			600px;
	text-align:		left;
} 

.item_area {
	width: 600px;
	height:  300px;

} 

.button_center {
	text-align:				center;
} 


.style5 {
  color: #0000FF
  }
.navigation {
	text-align:				center;
  	font-size: 				12px;
  	margin-bottom:			5px;
  	color: 					#0000ff
}

.navigation_e {
	text-align:				center;
  	font-size: 				16px;
  	margin-bottom:			5px;
  	color: 					#0000ff
}

.lead {
	text-align:				center;
	margin-bottom:			5px;
  	font-size: 		22px;
  	font-weight: 		bold;
  	color: 			#0000ff;
}
span.lead_inline {
	text-align:			left;
	color:				#3366ff;
	padding-left:		5px;
	padding-right:		20px;
}


.lead_top {
  	font-size: 22px;
  	font-weight: bold;
	margin-bottom:			5px;
  	text-align:		center;
  	color: #0000ff;
}

.contents {
	float:				left;
	padding:			10px;
	margin-top:			10px;
	margin-left:		10px;
	border:				1px solid cyan;
/*	background-color:	cyan; */
	width:				500px;
}

.contents_offshore {
	text-align:			center;
	padding:			5px;
	margin-right:		auto;
	margin-left:		auto;
	margin-top:			10px;
	border:				1px solid cyan;
/*	background-color:	cyan; 
	width:				100%;	*/
}

#info_area {
	clear: 					both;
	margin-bottom: 		5px;
	width: 					100%;
}
#info_area:after {
	content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#info_area #news {
/*	width: 480px;		*/
	width:		100%;
	float: left;
}
#info_area  #news  #news_upper {
	font-weight: 				bold;
	color: 						#FFFFFF;
	background-position: 		0px 0px;
	height: 					30px;
	margin-bottom:			0px;
	padding-top:				10px;
	padding-bottom:			0px;		
	position: 					relative;
	background-color: 		rgb(49, 137, 175);
	background-image: 		gradient(linear, left top, left bottom, from(rgb(49, 137, 175)), to(rgb(40,50,50)));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(49, 137, 175)), to(rgb(40,50,50)));
	border-radius: 			8px 8px 0px 0px;
	-webkit-border-radius: 	8px 8px 0px 0px;
	-moz-border-radius: 		8px 8px 0px 0px;
}
#info_area  #news  #news_upper  #news_list {
	background-image: 		url(../../image/news_list.jpg);
	background-repeat: 		no-repeat;
	background-position: 		0px 0px;
	height: 					25px;
	width: 						32px;
	position: 					absolute;		
	top: 						11px;
	right: 						20px;
	padding-left: 				15px;
	padding-top: 				-100px;
}
#info_area  #news  #news_upper  #news_list  a {
	color: 						#2A86AD;
	text-decoration: 			none;
	position: 					absolute;		
	top: 						0px;
	right: 						2px;
	letter-spacing: 			0em;
	vertical-align:			middle;
	font-size:					0.8em;
}
#info_area  #news  ol {
	padding-left: 				30px;
	overflow: 					auto;
	height: 					265px;
	border-right-width: 		1px;
	border-left-width: 		1px;
	border-right-style: 		solid;
	border-left-style: 		solid;
	border-right-color: 		#CCCCCC;
	border-left-color: 		#CCCCCC;
	font-size: 				0.8em;
	line-height: 				130%;
	margin-top:				0px;
	margin-bottom:			-4px;
	padding-bottom:			5px;		
}
#info_area #news li {
	padding-top: 				15px;
	padding-bottom: 			15px;
	border-bottom-width: 		1px;
	border-bottom-style: 		dotted;
	border-bottom-color: 		#CCCCCC;
	list-style-type: 			decimal;
}
#info_area #news #news_lower {
	background-position: 		0px 0px;
	height: 					8px;
	border-right-width: 		1px;
	border-left-width: 		1px;
	border-bottom-width: 		1px;
	border-right-style: 		solid;
	border-left-style: 		solid;
	border-bottom-style: 		solid;
	border-right-color: 		#CCCCCC;
	border-left-color: 		#CCCCCC;
	border-bottom-color: 		#CCCCCC;
	background-color: 		rgb(255,255,255);
	background-image: 		gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(213,219,207)) );
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(213,219,207)) );
	border-radius: 			0px 0px 8px 8px;
	-webkit-border-radius: 	0px 0px 8px 8px;
	-moz-border-radius: 		0px 0px 8px 8px;
}
li {
	padding-top: 				15px;
	padding-bottom: 			15px;
}

.banner_list {
	width:				195px;
	margin:				0px;
	padding:			0px;
/*	background-color:	gray; */
	float:				right;
}

.foot_message {
	clear:				left;
	margin-top:			20px;
	padding:			0px;
	font-size:			80%;
	text-align:			left;
/*	background-color:	gray; */
}


img.banner {
	float:				center;
	width:				750px;
	height:				68px;
	padding:			0px;
	margin-right:		auto;
	margin-left:		auto;
	margin-top:			5px;
	border:				0px;
}

h3.title {
	text-align:			center;
	margin-top:			10px;
	margin-bottom:			10px;
}

.contact_conf {
	width:				70%;
	margin-top:			10px;
	margin-right:		auto;
	margin-left:		auto;
}


/*	aboutus.php  */


div#box_address {
	display:			inline;
	float:				left;
	margin:				0px 170px;
	width:				400px;
	text-align:			center;
/*	background-color:	gray; 	*/
}

table.aboutus {
	margin-right:		auto;
	margin-left:		auto;
	margin-top:			20px;
	margin-bottom:		20px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}

#box_address .title_aboutus {
	text-align:			center;
	padding:			5px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}

.lead_aboutus  {
	width:				100px;
	margin-left:		0px;
	text-align:			left;
	padding:			5px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}
.data_aboutus  {
/*	display:			inline; */
	text-align:			left;
	padding:			5px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}



div#box_logo {
	float:				left;
/*	background-color:	cyan;  */
	margin-top:			20px;
	margin-left:		-160px;
}

div#box_info {
	
	float:				left;
	margin-top:			20px;
	margin-left:		-740px;
/*	background-color:	yellow;  */

}


table.news_detail {
	width:				80%;
	text-align:			center;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
	
}

.news_lead {
	text-align:			center;
	width:				100px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}

.news_desc_center {
	text-align:			center;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
	padding:			5px;
}

.news_desc_left {
	text-align:			left;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
	padding:			5px;
}

.table_news {
	width:				80%;
	text-align:			center;
	font-size:			60%;
	margin-top:			10px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}



.td_id {
	text-align:			center;
	margin:		0px;
	padding:	3px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}

.td_summery {
	text-align:			left;
	margin:		0px;
	padding:	3px;
	border:				1px solid #c2c2c2;
	border-collapse: 	collapse;
}

a:link {
/*	background-color:		cyan;
	text-decoration:		none;	*/
}

a:visited  {
/*	background-color:		brown;	*/
/*	text-decoration:		none;	*/
}


a:hover  {
	background-color:		#9cbee6;
}


a:active  {
	background-color:		red;
}