@charset "UTF-8";
@media screen and (min-width: 768px){ 
/*----------------------------------------------------all*/
*{
	margin:0;
	padding:0;
	border:0;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	outline: 0;
	vertical-align: baseline;
	list-style-type:none;
}

body{
	background-color:#d6d6d6;
	overflow-x : hidden ;
}

div,p{	
	font-size:12px;
}
/* ------------------------------------------------------------ﾟpagetop_JQ */ 
.pagetop{
	position:fixed;
	bottom:64px;
	right:12px;
	font-size:80%;
}

.pagetop a{
	background:#666666;
	text-decoration:none;
	color:#ffffff;
	width:100px;
	padding:16px 0;
	text-align:center;
	display:block;
	border-radius:5px;
}

.pagetop a:hover{
	text-decoration:none;
	background:#999999;
}

/* ----------------------------------------------------------header */ 
.subtitle{
	background-color:#181D20;
}

h1.subtitle_center{
	width:800px;
	margin:0px auto;
	font-size:10px;
	color:#FFF;
	padding:4px 0;
	background-color:#181D20;
}

header{
	width:100%;
	background:black;
	clear:both;
	overflow:hidden;
	padding:4px 0px;
  border-bottom: solid 1px #666666;
}

#header_center{
	width:800px;
	margin:0px auto;
}
/*----------------------------------------------------nav*/
nav{
	background-image:url(../img/nav_back.jpg);
	background-repeat:repeat-x;
	height:40px;
}

#nav_center{
	width:800px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}

.nav_center ul{
	list-style:none;
	width:800px;
	margin:0 auto;
}

.nav_list li{
	float:left;
	width:131px;
	height:40px;
/*	margin: 8px 0;
	padding: 6px 0;*/
	border-right:solid 1px #171d20;
	border-left:solid 1px #32393f;
	/*border:solid 1px #666666;*/
}

.nav_list li a{
	display:block;
	text-align:center;
	text-decoration:none;
	color:white;
	height:30px;
	padding:14px 0 0 0;
}

.nav_list li.border_l{
	border-right:0;
	border-left:solid 1px #32393f;
}

.nav_list li.border_r{
	border-right:solid 1px #171d20;
	border-left:0;
}

.tinynav {
display: none;
}

ul.nav_list li a:hover {
background:url(../img/menu-bg.png);
color:#ffffff;
}

.act_page{
	display:block;
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	height:30px;
	padding:14px 0 0 0;
	background-image:url(../img/menu-bg.png);
}
/*----------------------------------------------------nakami(wrapper)*/
#nakami_contents{
	width:800px;
	margin:0 auto;
}

h2{
overflow: hidden;
color: #666666;
margin:14px 0;
font-weight: 700;
font-size:24px;
font-family: "Droid Serif","Georgia",serif;
text-shadow: 0px 2px 3px #fafafa;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/hIEfix.png,sizingMethod=crop);
letter-spacing:3px;
-moz-transform:    scale( 1, 1.3 );  /* Firefox */
-webkit-transform: scale( 1, 1.3 );  /* Chrome,Safari */
-o-transform:      scale( 1, 1.3 );  /* Opera */
-ms-transform:     scale( 1, 1.3 );  /* IE */
transform:         scale( 1, 1.3 );  /* CSS3 */
}

h3{
	background-image:url(../img/h3_back_sp.gif);
	font-size:16px;
	color:#FFF;
	padding:5px 0 5px 8px;
	letter-spacing:0.1em;
}

h3 .font_blue{
	color:#0066ff;
	font-weight:700;
}

div#main_img{
	margin:0 0 1.5em 0;
}

div.contents{
	margin:0 0 1.5em 0;
	padding:10px 8px;
	line-height:160%;
	background-color:#FFF;
	overflow:hidden;
}

#nakami_contents{
	width:800px;
	margin:0 auto;
}

#main_img img{
	width:100%;
}

.nakami_contents{
	width:100%;
}

/* ----------------------------------------------------------home */ 
.contents_half{
	margin:0 0 1.5em 0;
	padding:0 0 10px 0;
	line-height:160%;
	background-color:#FFF;
	overflow:hidden;
	width:48%;
	float:left;}

.half_L{margin:0 4% 1.5em 0;}

ul.latest_item{
	width:80%;
	margin:10px auto;
/*	list-style-type: none;
	display: block;
	float: left;*/
}

ul.latest_item li{
	float: left;
	margin: 1em;
}

ul.latest_item li img{
	border:solid 1px #aaaaaa;
	display: block
}

.contents_half dl{
	padding:1em 0 0 1em;
}
/* ----------------------------------------------------------gallery */ 
#container {
	display: block;
}

ul.menu {
	margin:1.2em 0 1.6em 1.2em;
}

ul.menu li {
	list-style-type: none;
	display: inline-block;
	font-weight: bold;
	padding: 2px 15px;
}

ul.menu li a {
	color: #161616;
	text-decoration: none; 
}

	
	.selected {
		-webkit-border-radius: 15px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background: #2255cc;
	/*background: #acac75;
			-webkit-box-shadow: 1px 1px 0px #8c8c5d;*/
		-webkit-box-shadow: 1px 1px 0px #d3d3d3;
	}
	
	.selected a, .selected a:visited {
		text-shadow: 1px 1px 0px #003366;
		color: #fff;
	}

ul.item {
	margin: 0 0 0 1.2em;
}

ul.item li {
	list-style-type: none;
	display: block;
	float: left;
	margin: .5em 1em;
}
	
ul.item li img {
	border:solid 1px #aaaaaa;
}
/* ----------------------------------------------------------gallery_contents */ 
h4.contents_name{
	padding:0 0 0 12px;
	margin-top:8px;
	font-weight:bold;
}

h5{
	font-size:12px;
	font-weight:bold;
	padding:0 0 6px 0;
}

#img_area{
	border-top:dotted 1px #666666;
	border-bottom:dotted 1px #666666;
	padding:12px;
}

#img_area img {
border: solid 1px #aaaaaa;
display: block;
margin: 10px auto;
}

#img_area iframe{
	width:80%;
	display:block;
	margin:0 auto;
}

#software{
	line-height:100%;
}

.pagejump{
	margin:0 0 0 12px;
}

.move_btn{
	width:16em;
	margin:12px auto 4px;
	clear:both;
	overflow:hidden;
}

.move_btn li{
	float:left;
	list-style:none;
	margin:0 auto;
	padding:0 4px;
}

.img_comments{
	margin-bottom:12px;
}

.img_click{
	display:block;
	font-size:10px;
	color: #555555;
}

#software p{
	font-size: 10px;
}

/* ----------------------------------------------------------profile */ 
.prof_tab {
	width:320px;
	margin:0 auto;
	border-collapse:collapse;
}

.prof_tab td {
	padding:4px 2px 2px 4px;
	border:1px solid #999999;
}

.prof_tab th {
	padding:4px 2px 2px 4px;
	border:1px solid #999999;
	background-color:#cccccc;
}

#favorite li {
	list-style:none;
}

/* ----------------------------------------------------------contacts */ 

/* ----------------------------------------------------------works */ 
p.w_top{
margin: 18px 0 0 18px;
}

div.w_area {
float: left;
margin: 18px 30px;
width: 260px;
}

div.w_image img{
width: 100%;
border: #aaaaaa 1px solid;
}

p.w_client {
font-weight: bold;
padding: 0.5em 0;
}

p.w_intro {
line-height: 150%;
margin:0 0 0.5em 0;
}

p.w_part {
font-size: 9px;
border-top: #dddddd 1px dotted;
padding: 3px 0;
}

/* ----------------------------------------------------------link */ 
.link_url{
	clear:both;
}

.link_name {
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:100%;
}

.link_banner {
float:left;
margin:10px 28px;
}

.link_banner img{
	width:100%;
	border:solid 1px #aaaaaa;
}

.link_banner a{
	color:#000000;
	text-decoration:none;
}

/* ----------------------------------------------------------footer */ 
#footer{
	width:100%;
	text-align:right;
	padding:6px 0;
	background-color:#181D20;
	height:40px;
	clear:both;
}

#footer p{
	color:white;
	font-size:10px;
}

}