@charset "UTF-8";

/****************************
  GLOBAL SETTING
*****************************/

* {
	margin: 0;
	padding: 0;
	line-height: 1;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
ul, ol { list-style: none; }
fieldset, img { border: none; }
table { border-collapse: collapse; }

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}

body {
	margin:  0;
	padding: 0;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #444;
	background-color: #fff;
	-webkit-text-size-adjust: 100%; /* for iPhone */
}

a, :focus, :active {
	outline: none;
}
a:link, 
a:visited {
	text-decoration: none;
	color: #08c;
}
a:hover, 
a:active {
	text-decoration: underline;
}

/****************************
  HEADER
*****************************/

.wrapper_header {
	width: 100%;
	margin:  0;
	padding: 10px 0 3px;
	border-bottom: 1px solid #feb000;
}

#header_left {
	float: left;
	margin:  0;
	padding: 7px 0 0;
}

#header_left h1 {
	margin:  0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color: #999;
}

#header_left #logo {
	margin:  0;
	padding: 7px 0 0;
}

#header_right {
	float: right;
	margin:  0;
	padding: 7px 0 0;
	text-align: right;
}

#header_right #clock {
	font-size: 11px;
	color: #ddd;
}

#header_right #contact {
	margin:  0;
	padding: 18px 0 0;
	font-size: 12px;
}

#header_right #contact a:link, 
#header_right #contact a:visited {
	text-decoration: none;
	color: #555;
}
#header_right #contact a:hover, 
#header_right #contact a:active {
	text-decoration: underline;
	color: #555;
}

/****************************
  CONTENTS
*****************************/

#leftside {
	float: left;
	width: 48%;
	margin:  0;
	padding: 0;
	text-align: left;
}

#rightside {
	float: right;
	width: 48%;
	margin:  0;
	padding: 0;
	text-align: left;
}

h2 {
	margin:  0 0 17px;
	padding: 30px 0 5px;
	font-weight: normal;
	font-size: 15px;
	color: #999;
	border-bottom: 1px solid #ccc;
}

h2 span {
	display: inline-block;
	width:  16px;
	height: 16px;
	margin:  0 6px 0 0;
	padding: 0 3px;
	vertical-align: 2px;
	text-align: center;
	font-size:   12px;
	line-height: 16px;
	background-color: #f78d66;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f78d66), to(#e37047));
	background: -webkit-linear-gradient(top, #f78d66, #e37047);
	background: linear-gradient(to bottom, #f78d66, #e37047);
}

h2 span .fa {
	font-size: 12px;
	line-height: 1;
	color: #fff;
}

/****************************
  leftside
*****************************/

dl.dl_work {
	margin:  0 0 30px;
	padding: 0;
}

dl.dl_work dt, 
dl.dl_work dd {
	line-height: 1.2;
}

dl.dl_work dt {
	margin:  0;
	padding: 0 0 0 14px;
	font-weight: normal;
	font-size: 12px;
}

dl.dl_work dt {
	text-indent: -7px;
}

dl.dl_work dt .fa {
	margin: 0 3px 0 0;
	vertical-align: 0px;
	font-size: 14px;
}

dl.dl_work dd {
	margin:  0 0 12px 0;
	padding: 2px 0 0 17px;
	font-size: 11px;
	color: #444;
}

dl.dl_work dd a:link, 
dl.dl_work dd a:visited {
	color: #999;
	text-decoration:  none;
}

dl.dl_work dd a:hover, 
dl.dl_work dd a:active {
	text-decoration: underline;
	color: #999;
}

dl.dl_work dt a .fa {
	color: #aaa;
}

/****************************
  rightside
*****************************/

h3 {
	margin:  0 0 7px;
	padding: 0;
	font-weight: normal;
	font-size: 13px;
}

ul.ul_service {
	margin:  0;
	padding: 0 0 20px 1.5em;
	list-style-type: disc;
}

ul.ul_service li {
	margin:  0;
	padding: 2px 0;
	font-size: 13px;
	line-height: 1.2;
}

h4.h4_about {
	margin:  0 0 3px;
	padding: 0;
	font-weight: normal;
	font-size: 13px;
}

p.p_about {
	margin:  0 0 20px;
	padding: 0;
	font-size: 13px;
	line-height: 1.4;
}

.thumb_about {
	float: right;
	width: 70px;
	margin:  0 0 15px;
	padding: 0;
	text-align: right;
}

img.japan {
	margin:  2px 0 0 7px;
	padding: 0;
	vertical-align: top;
	border: 1px solid #ccc;
}

/* weblog */

dl.dl_weblog {
	clear: both;
	margin:  0 0 20px;
	padding: 0;
}
dl.dl_weblog dt, 
dl.dl_weblog dd {
	vertical-align: top;
	font-size: 12px;
	line-height: 1.2;
}
dl.dl_weblog dt {
	clear: both;
	float: left;
	width: 25%;
	margin:  0 0 10px;
	padding: 0;
	font-weight: normal;
}
dl.dl_weblog dd {
	float: left;
	width: 75%;
	margin:  0 0 10px;
	padding: 0;
}

ul.ul_app {
	margin:  0 0 30px;
	padding: 0;
}

ul.ul_app li {
	margin:  0;
	padding: 0;
	font-weight: normal;
	font-size: 13px;
	line-height: 1.2;
}

ul.ul_app li a .fa {
	margin:  0 4px 10px 0;
	padding: 0;
	vertical-align: 0px;
	font-size: 14px;
	color: #aaa;
}

.wrapper_adsense {
	clear: both;
	margin:  0;
	padding: 0;
	text-align: left;
}

/* amazon */

.wrapper_amazon {
	clear: both;
	margin:  15px 0;
	padding: 0;
	border: 1px solid #ccc;
}
.wrapper_amazon table, 
.wrapper_amazon tr, 
.wrapper_amazon span, 
.wrapper_amazon p {
	margin:  0;
	padding: 0;
	font-size: 12px;
	line-height: 120%;
}
.wrapper_amazon table td {
	margin:  0;
	padding: 10px;
}

/****************************
  Footer
*****************************/

.wrapper_footer {
	padding: 15px 0 20px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
}

#footer {
	font-size: 12px;
	text-align: center;
}

#footer a:link, 
#footer a:visited {
	text-decoration: none;
	color: #444;
}
#footer a:hover, 
#footer a:active {
	text-decoration: underline;
	color: #444;
}

#footer .ftlink a:link, 
#footer .ftlink a:visited, 
#footer .ftlink a:hover, 
#footer .ftlink a:active {
	text-decoration: none;
	font-size: 10px;
	color: #aaa;
}

/****************************
  common
*****************************/

.container, 
#header, 
#footer {
	width: 740px;
	margin:  0 auto;
	padding: 0;
}