@charset "shift_jis";
/* CSS Document */

body {
	font-size: 13px;
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	background:url(images/bg.jpg);
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: left; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	line-height:1.5em;
}

img {
	border:none;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.font_b {
	font-weight:bold;
}
.font_red {
	color:#ee0000;
}
.oneColLiqCtr #container {
	width: 1129px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColLiqCtr #mainContent {
	margin:0;
	padding: 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

.head_bar {
	position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;
	width:100%;
	height:100px;
	z-index:99999;
}

#header_wrap a {
	color:#FFF;
}

#header_wrap {
	width:100%;
	background-color:#333333;
	padding:10px 0;
}
#header_sub_wrap a {
	color:#000;
}
#header_sub_wrap {
	width:100%;
	background-color:#FFF;
	padding:10px 0;
}

.header_data, .header_sub_data {
	width:1129px;
	margin:auto;
}

.header_data h1{
	float:left;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	width:600px;
}
.header_sub_data h2{
	float:left;
	margin:0;
	padding:0;
	width:600px;
}
h3 {
	font-size:30px;
	color:#4f4f4f;
	margin:0;
	padding:0;
	margin-bottom:10px;
	margin-top:30px;
	text-shadow:1px 1px 1px #FFFFFF;

}
h4 {
	font-size:24px;
	color:#4f4f4f;
	margin:0;
	padding:0;
	line-height: 1.4;
}
ul.header_navi {
	margin:0;
	padding:0;
	float:right;
	color:#FFF;
	width:220px;
	
}
ul.header_navi li {
	float:left;
	list-style:none;
	margin-left:20px;
}

ul.navi {
	margin:0;
	padding:0;
	margin-top:30px;
	float:right;
	color:#000;
	width:430px;
	
}
ul.navi li {
	float:left;
	list-style:none;
	margin-left:20px;
}

.works_wrap {
	width:100%;
	background-color:#FFF;
}

div.scrollWrapper {
    position:relative;
    overflow:hidden;
    width:1129px;
	margin:auto;
    height:100%;
}
div.scrollableArea {
    position:relative;
    width:auto; height:100%;
    background-color:#ffffff;
}
.clSum {
    width:1129px;
    height:250px;
    position:relative;
}
.clSum * {
    position:relative;
    float:left;
    margin:0; padding:0;
}
div.scrollableArea img{
    padding:4px !important;
}
#idWrap{
    width:1129px;
    margin:0 auto;
} 

.works_list
{
	position:relative;
	width:1129px;
	height:250px;
	vertical-align:middle;
	overflow:hidden;
	margin:0;
	padding:0;
	margin:auto;
	background-color:white;
}
.works_list ul
{
	position:relative;
	margin:0;
	padding:0;
	list-style-type: none;
	width:9999px;
}
.works_list li
{
	float: left;
	margin:0;
	padding:0;
	margin-right:20px;
	vertical-align:top;
	margin-top:10px;
	text-align:center;
	width:165px;
}


.category_bg {
	background:url(images/category_bg.png) no-repeat;
	color:#FFF;
	padding:20px 40px;
	float:left;
}

.comment_wrap {
	width:100%;
	background-color:#FFFFFF;
	height:228px;
}
.comment_txt {
	width:1129px;
	height:228px;
	margin:auto;
	background:url(images/comment_bg.jpg) no-repeat left;
	color:#FFF;
	font-size:18px;
	line-height:1.3em;
	letter-spacing:normal;
	position:relative;
}

.comment_txt_posi {
	position:absolute;
	padding-top:35px;
	padding-left:20px;
	left:0;
}

#subcontainer {
	width:100%;
}

#subContent {
	width:1129px;
	margin:auto;
}

ul.subContent_list {
	margin:0;
	padding:0;
}

.subContent_list p {
	font-size:18px;
	color:#4f4f4f;
	line-height:1.3em;
}

ul.subContent_list li {
	list-style:none;
}
ul.subContent_list li:nth-child(1){
	border-bottom:1px #d9d9d9 solid;
	padding-bottom:30px;
}
ul.subContent_list li:nth-child(2){
	border-top:1px #ffffff solid;
	border-bottom:1px #d9d9d9 solid;
	padding-bottom:30px;
}
ul.subContent_list li:nth-child(3){
	border-top:1px #ffffff solid;
	
}

ul.subContent_list li img {
	margin-right:20px;
}

ul.subContent_list a {
	color:#4f4f4f;
	text-decoration:none;
}
ul.subContent_list a:hover {
	color:#4f4f4f;
	text-decoration:underline;
}
ul.blog {
	margin:0;
	padding:0;
}
ul.blog a {
	color:#4f4f4f;
}
ul.blog a:hover {
	text-decoration:none;
	background-color:#FAFAFA;
}

ul.blog li {
	list-style:none;
	margin:0;
	padding:20px 20px;
	border-bottom:1px #4f4f4f dashed;
	min-height:200px;
}
.blog p {
	font-size:18px;
}

ul.blog img {
	float:left;
	margin-right:10px;
}
	
#footercontainer {
	width:100%;
	background-color:#FFF;
	margin-top:20px;
}
#footerContent {
	width:1129px;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px;
}
ul.footer_content_list {
	margin:0;
	padding:0;
}
ul.footer_content_list li {
	list-style:none;
	width:557px;
}

ul.footer_content_list li img {
	margin-right:20px;
}

ul.footer_content_list a {
	color:#4f4f4f;
	text-decoration:none;
}
ul.footer_content_list a:hover {
	color:#4f4f4f;
	text-decoration:none;
}


ul.footer_content_list li.top_list1{
	float:left;
	margin-bottom:20px;
}

ul.footer_content_list li.top_list2{
	float:left;
}

ul.footer_content_list li.top_list2{
	float:right;
}




ul.footer_content_list li:nth-child(1){
	float:left;
	margin-bottom:20px;
}
ul.footer_content_list li:nth-child(2){
	float:right;
	margin-bottom:20px;
}
ul.footer_content_list li:nth-child(3){
	float:left;
}
ul.footer_content_list li:nth-child(4){
	float:right;
}	

.footer_wrap {
	width:100%;
	background-color:#333333;
}

.footer_txt {
	width:1129px;
	margin:auto;
	text-align:center;
	color:#FFF;
	padding:20px 0;
	padding-top:40px;
}

#page-top {
    position: fixed;
    bottom: 90px;
    right: 20px;
    font-size: 77%;
	z-index:999;
}
#page-top a {
    background: #333333;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    /*text-decoration: none;
    background: #999;*/
}

/* 個別ページ */
.section {
    background-color: #FFFFFF;
    margin: 150px auto;
    padding: 0 0 20px;
    width: 860px;
}

.round:before, .round:after {
	/*box-shadow: 0 10px 8px rgba(0, 0, 0, 0.3);
    transform: rotate(-3deg);*/
}

.drop-shadow:before, .drop-shadow:after {
	bottom: 15px;
    content: "";
    height: 20%;
    left: 10px;
    position: absolute;
    width: 50%;
    z-index: -2;
}

.round:after {
    /*transform: rotate(3deg);*/
}
.round:before, .round:after {
    /*box-shadow: 0 10px 8px rgba(0, 0, 0, 0.3);*/
    transform: rotate(-3deg);
}
.drop-shadow:after {
    left: auto;
    right: 10px;
}
.drop-shadow:before, .drop-shadow:after {
    bottom: 15px;
    content: "";
    height: 20%;
    left: 10px;
    position: absolute;
    width: 50%;
    z-index: -2;
}

.round {
    border-radius: 4px 4px 4px 4px;
    position: relative;
}
.drop-shadow {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    margin: 130px auto 0px;
    position: relative;
    width: 980px;
	padding:30px;
	font-size:16px;
	text-align:left;	
}
.entry-thumbnail {
	text-align:center;
}

.entry-header, .entry-content {
	/*width:800px;*/
	margin:auto;
}

.entry-header2, .entry-content2 {
	width:900px;
	margin:auto;
}

.entry-meta {
	font-size:12px;
}




/* Web制作 */

.sub_title {
	font-size:19px;
	font-weight:bold;
}
h3.entry-title {
	margin:0;
	padding:0;
	padding-bottom:10px;
	border-bottom: solid 3px #CCC;
	outline-bottom: solid 1px #999;
}

ul.weblist {
	margin:0;
	padding:0;
	text-align:center;
	width:900px;
	margin:auto;
}

ul.weblist h4 {
	font-size:18px;
}

ul.weblist li {
	list-style:none;
	padding:20px;
	height:330px;
}

ul.weblist li.first_li, ul.weblist li.second_li, ul.weblist li.third_li {
	list-style:none;
	padding:20px;
	height:330px;
}

.first_li {
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	/*border-top:1px #CCC solid;*/
}

.second_li{
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}

.third_li {
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	
}





ul.weblist li:nth-child(1){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.weblist li:nth-child(2){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.weblist li:nth-child(3){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	
}
ul.weblist li:nth-child(5){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
ul.weblist li:nth-child(6){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
ul.weblist li:nth-child(7){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
ul.weblist li:nth-child(9){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
}





/* システム開発 */

ul.system_list {
	margin:0;
	padding:0;
	text-align:center;
	width:900px;
	margin:auto;
}

ul.system_list h4 {
	font-size:18px;
}

ul.system_list li {
	list-style:none;
	padding:20px;
	height:240px;
}

ul.system_list li.first_li {
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}

ul.system_list li.first_li2 {
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}

ul.system_list li.first_li3 {
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
}


ul.system_list li:nth-child(1){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.system_list li:nth-child(2){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.system_list li:nth-child(3){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	border-right:none;
	
}
ul.system_list li:nth-child(5){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
ul.system_list li:nth-child(6){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
ul.system_list li:nth-child(7){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	border-right:none;
}

ul.system_list li:nth-child(9){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
}
ul.system_list li:nth-child(10){
	width:255px;
	float:left;
	border-right:none;
	border-bottom:1px #CCC solid;
}

ul.system_list li:nth-child(11){
	width:255px;
	float:left;
}



.system_list_txt {
	text-align:left;
}


/* サーバー管理 */
ul.server li.first_li {
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	min-height:100px;
}


ul.server_list, ul.server_list2, ul.server_list3 {
	margin:0;
	padding:0;
	text-align:center;
	width:900px;
	margin:auto;
	overflow:hidden;
}

ul.server_list h4, ul.server_list2 h4, ul.server_list3 h4 {
	font-size:18px;
}

ul.server_list li, ul.server_list2 li, ul.server_list3 li {
	list-style:none;
	padding:20px;
}



ul.server_list li:nth-child(1){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	max-height:380px;
}
ul.server_list li:nth-child(2){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	max-height:330px;
}
ul.server_list li:nth-child(3){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	max-height:330px;
	border-right:none;
	
}
ul.server_list li:nth-child(5){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	max-height:330px;
}
ul.server_list li:nth-child(6){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	max-height:330px;
}
ul.server_list li:nth-child(7){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	max-height:330px;
	border-right:none;
}
ul.server_list li:nth-child(9){
	width:255px;
	float:left;
	max-height:330px;
	border-right:1px #CCC solid;
}




ul.server li.server_txt2 {
	border-top:1px #CCC solid;
	padding:0 30px;
}

ul.server_list2 li:nth-child(1){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.server_list2 li:nth-child(2){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.server_list2 li:nth-child(3){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	border-right:none;
	
}
ul.server_list2 li:nth-child(5){
	width:255px;
	height:200px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}

ul.server_list2 li:nth-child(6){
	width:550px;
	height:200px;
	float:left;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
}


ul.server_list3 li:nth-child(1){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.server_list3 li:nth-child(2){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.server_list3 li:nth-child(3){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	border-right:none;
	
}
ul.server_list3 li:nth-child(5){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.server_list3 li:nth-child(6){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.server_list3 li:nth-child(7){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	border-right:none;
}

.server_list_txt {
	text-align:left;
}

.listtxt {
	text-align:left;
	font-size:13px;
}


/* 会社概要 */
table {
   border-collapse: collapse;

}

.company_tbl {
	margin:auto;
}

.company_tbl th, td {
   border-style: dotted solid; /* 線種 */
   border-width: 1px; /* 線の太さ */
   border-color: #666; /* 線色 */
   border-left:none;
   border-right:none;
   padding:15px 20px;
}

.access_box {
	text-align:center;
	margin-top:20px;
}
.access_txt {
	width:500px;
	margin-top:20px;
	margin:auto;
}

/* お問い合わせ */
.section_form {
	width: 650px;
	margin:auto;
	padding-bottom: 20px;
	overflow: hidden;
}

.section_form table {
	margin-bottom: 20px;
	width: 650px;
	border:none;
}

.section_form table th {
	width: 160px;
	padding: 12px 15px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #e0e4e6;
	vertical-align: top;
	font-weight: bold;
	color:#666;
}

.section_form table td {
	width: 489px;
	padding: 12px 15px;
	border-top: 1px solid #fff;
	background-image: url("images/box_bg.gif");
	vertical-align: top;
}

.section_form table td.column2 {
	width: 620px;
}

.section_form table ul {
	margin-bottom: -5px;
}

.section_form table #btnPrivacy {
	display: none;
	height: 30px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.jsOn .contentsBox table #btnPrivacy {
	display: block;
}

.section_form table #btnPrivacy a {
	display: block;
}

.section_form table #btnPrivacy a:link,
.section_form table #btnPrivacy a:visited {margin-top: 0;}
.section_form table #btnPrivacy a:hover,
.section_form table #btnPrivacy a:active {margin-top: -30px;}

.section_form table #btnPrivacy a.on:link,
.section_form table #btnPrivacy a.on:visited {margin-top: -60px;}
.section_form table #btnPrivacy a.on:hover,
.section_form table #btnPrivacy a.on:active {margin-top: -90px;}

.section_form table #privacyArea {
	width: 620px;
	overflow: hidden;
	margin-bottom: 20px;
}

.section_form table #privacy {
	padding: 20px 20px 0 20px;
	border: solid 1px #e0e4e6;
	background-color: #fff;
}

.jsOn .section_form table #privacy {
	border-top: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

em {
    color: #D7277A;
	font-style: normal;
    font-weight: normal;
}

element.style {
    background-color: #FEE7F2;
    border-color: #EBBFD4;
}
.section .field1 {
    border: 1px solid #E0E4E6;
    margin-right: 5px;
    padding: 2px;
    vertical-align: middle;
    width: 200px;
}

.section_form .field2 {
    border: 1px solid #E0E4E6;
    padding: 2px;
    width: 450px;
}


.medium {
    font-size: 80%;
	color: #D7277A;
	font-style: normal;
    font-weight: normal;
}

.medium2 {
    font-size: 80%;
	color:#09F;
	font-style: normal;
    font-weight: normal;
}

input.button{
 background-image:url("images/send_btn.jpg");
 background-repeat:no-repeat;
 background-color:#000000;
 border:none;
 width:183px;
 height:42px;
 text-indent: -9999px;
 cursor: pointer;
}

input.button2{
 background-image:url("images/send.jpg");
 background-repeat:no-repeat;
 background-color:#000000;
 border:none;
 width:183px;
 height:42px;
 text-indent: -9999px;
 cursor: pointer;
}

.wpcf7-not-valid-tip-no-ajax {
	font-size:13px;
	color:#F00;
}
span.wpcf7-list-item { display: block; }

.sent .section_form {
display: none;
}

.sent_txt{
display: none;
}
.sent .sent_txt{
display: block;
}

.wpcf7-mail-sent-ok {
	display:none;
}

.wpcf7-response-output {
	text-align:center;
	color:#df0000;
}

.wpcf7-not-valid-tip {
	font-size:13px;
	color:#df0000;
}


/* 制作実績 */
ul.works {
	margin:0;
	padding:0;
	text-align:center;
	width:900px;
	margin:auto;
}

ul.works h4 {
	font-size:18px;
}

ul.works li {
	list-style:none;
	padding:20px;
	float:left;
	width:255px;
}

.works_li {
	float:left;
	width:255px;
	height:350px;
}

.works_li2 {
	height:370px;
}

ul.works li:nth-child(1){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.works li:nth-child(2){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.works li:nth-child(3){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	
}

ul.works li:nth-child(5){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	/*border-bottom:1px #CCC solid;*/
}
ul.works li:nth-child(6){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-top:1px #CCC solid;
	/*border-bottom:1px #CCC solid;*/
}
ul.works li:nth-child(7){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
	/*border-bottom:1px #CCC solid;*/
}


ul.works li:nth-child(9){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
}
ul.works li:nth-child(10){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-left:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.works li:nth-child(11){
	width:255px;
	float:left;
	border-top:1px #CCC solid;
}


ul.works li:nth-child(13){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	border-top:1px #CCC solid;
	height:350px;
}
ul.works li:nth-child(14){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	border-top:1px #CCC solid;}
ul.works li:nth-child(15){
	width:255px;
	float:left;
	border-bottom:1px #CCC solid;
	border-top:1px #CCC solid;
}
ul.works li:nth-child(17){
	width:255px;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	height:350px;
}
ul.works li:nth-child(18){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	height:350px;
}
ul.works li:nth-child(19){
	width:255px;
	float:left;
	border-bottom:1px #CCC solid;
	height:350px;
}
ul.works li:nth-child(20){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	height:350px;
}
ul.works li:nth-child(21){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	height:350px;
}
ul.works li:nth-child(22){
	width:255px;
	float:left;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
	height:350px;
}
ul.works img {
	margin-top:20px;
}

ul.works li ul{
	margin:0;
	padding:0;
	margin-top:20px;
}

ul.works li.button  {
	border:none;
	margin:0;
	padding:0;
}

li {
	list-style-type:none;
	list-style:none;
}

ul.works li ul li { 
	float:left;
	width:120px;
	margin-bottom:10px;
	list-style:none;
}
ul.works_detail li.button:nth-child(1){
	float:left;
	width:120px;
	margin-bottom:10px;
}
ul.works_detail li.button:nth-child(2){
	float:right;
	width:120px;
	margin-bottom:10px;
}
ul.works_detail li.button:nth-child(4){
	float:left;
	width:120px;
	margin-bottom:10px;
}
ul.works_detail li.button:nth-child(5){
	float:right;
	width:120px;
	margin-bottom:10px;
}
ul.works_detail li.button:nth-child(7){
	float:left;
	width:120px;
}
ul.works_detail li.button:nth-child(8){
	float:right;
	width:120px;
}

.css_btn {
	text-decoration:none;
	color:#FFF;
}

/* スマートフォン制作 */

.fee_title {
	padding:3px 5px;
	border-color:#cccccc;
	border-width:1px 1px 1px 7px;
	border-style:solid;
	background:#F8F8F8;
	margin-bottom:20px;
	font-weight:bold;
	margin-top:20px;
}

.fee_title_list ul {
	margin:0;
	padding:0;
}

ul.fee_title_list li {
	list-style:none;
	float:left;
	padding:15px;
	text-align:center;
}

.fee_title_list_border {
	border:1px solid #CCC;
	width:145px;
	font-size:12px;
}

.fee_title_list_none {
	border:none;
	font-size:30px;
	font-weight:bold;
}
.fee_title_list_none_feetxt {
	border:none;
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
}

/* スマートフォン制作 */