@charset "UTF-8";

body {	
	margin:0;
	padding:0;
	text-align:center;
	font-size:80%;
	color:#222;
}

img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
}

h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
}
a {
	color:#2c2c2c;
}
a:hover {
	text-decoration:none;
}

ul,li {
	margin:0;
	padding:0;
	list-style:none;
}

p {
	margin:0;
	padding:0;
	line-height:1.6;
}

strong {
	color:#fff;
}

#container {
	width:940px;
	margin:0 auto;
	padding:0;
}

#header {
	width:940px;
	margin:0;
	padding:0;
	float:left;
	background:url("../img/header_bk022.gif") no-repeat;
}

#logo {
	width:350px;
	height:60px;
	margin:0 0 0 20px;
	padding:0;
	float:left;
	display:inline;
}
#logo h1 {
	line-height:40px;
	margin:10px 0;
	padding:0;
	text-align:left;
}

#navi {
	width:550px;
	line-height:30px;
	margin:20px 20px 10px 0;
	padding:0;
	float:right;
	display:inline;
	text-align:right;
}
ul.navi li {
	display:inline;
	margin-right:0;
	padding-left:7px;
	border-left:solid 1px #444444;
}
ul.navi li.navihome {
	padding-left:0;
	border-left:0;
}

#menu {
	clear:both;
	width:900px;
	height:60px;
	margin:0 20px;
	padding:0;
	float:left;
	display:inline;
}

#menu ul {
	display:block;
	width:900px;
	margin:5px 0 0 0;
	padding:0;
	float:left;
}

#menu li {
	display:block;
	width:150px;
	float:left;
}

/* ノーマルナビゲーション */
/* ホーム */
#menu li.home_a a {
	display:block;
	width:150px;
	line-height:45px;
	margin:10px 0 0 0;
	padding:0;
	background:url("../img/home_a.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.home_a a:hover {
	background-position:0 -45px;
}

/* webデザイン一覧 */
#menu li.design_a a {
	display:block;
	width:150px;
	line-height:45px;
	margin:10px 0 0 0;
	padding:0;
	background:url("../img/design_a.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.design_a a:hover {
	background-position:0 -45px;
}

/* プロフィール */
#menu li.profile_a a {
	display:block;
	width:150px;
	line-height:45px;
	margin:10px 0 0 0;
	padding:0;
	background:url("../img/profile_a.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.profile_a a:hover {
	background-position:0 -45px;
}

/* ブログ */
#menu li.blog_a a {
	display:block;
	width:150px;
	line-height:45px;
	margin:10px 0 0 0;
	padding:0;
	background:url("../img/blog_a.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.blog_a a:hover {
	background-position:0 -45px;
}

/* ダウンロード */
#menu li.download_a a {
	display:block;
	width:150px;
	line-height:45px;
	margin:10px 0 0 0;
	padding:0;
	background:url("../img/download_a.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.download_a a:hover {
	background-position:0 -45px;
}

/* お問い合わせ */
#menu li.contact_a a {
	display:block;
	width:150px;
	line-height:45px;
	margin:10px 0 0 0;
	padding:0;
	background:url("../img/contact_a.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.contact_a a:hover {
	background-position:0 -45px;
}

/* アクティブナビゲーション */
/* ホーム */
#menu li.home_active a {
	display:block;
	width:150px;
	line-height:55px;
	margin:0;
	padding:0;
	background:url("../img/home_active.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.home_active a:hover {
	background-position:0 -55px;
}

/* webデザイン一覧 */
#menu li.design_active a {
	display:block;
	width:150px;
	line-height:55px;
	margin:0;
	padding:0;
	background:url("../img/design_active.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.design_active a:hover {
	background-position:0 -55px;
}

/* プロフィール */
#menu li.profile_active a {
	display:block;
	width:150px;
	line-height:55px;
	margin:0;
	padding:0;
	background:url("../img/profile_active.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.profile_active a:hover {
	background-position:0 -55px;
}

/* ブログ */
#menu li.blog_active a {
	display:block;
	width:150px;
	line-height:55px;
	margin:0;
	padding:0;
	background:url("../img/blog_active.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.blog_active a:hover {
	background-position:0 -55px;
}

/* ダウンロード */
#menu li.download_active a {
	display:block;
	width:150px;
	line-height:55px;
	margin:0;
	padding:0;
	background:url("../img/download_active.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.download_active a:hover {
	background-position:0 -55px;
}

/* お問い合わせ */
#menu li.contact_active a {
	display:block;
	width:150px;
	line-height:55px;
	margin:0;
	padding:0;
	background:url("../img/contact_active.gif") no-repeat;
	text-indent:-9999px;
	text-decoration:none;
}
#menu li.contact_active a:hover {
	background-position:0 -55px;
}

#contents {
	width:940px;
	margin:0;
	padding:0;
	float:left;
	background:url("../img/contents_bk.gif") repeat-y;
}
#contents p.clear {
	clear:both;
	margin:0 30px 10px 0;
	text-align:right;
}

#right {
	width:670px;
	margin:20px 20px 0 0;
	padding:0;
	float:right;
	display:inline;
}
#right a {
	color:#d7000f;
}
#right h2.welcome {
	line-height:120px;
	margin:0;
	padding:0;
	background:url("../img/title04.gif") no-repeat;
	text-indent:-9999px;
}
#right h3.new_design {
	clear:both;
	line-height:120px;
	margin:0;
	padding:0;
	background:url("../img/title05.gif") no-repeat;
	text-indent:-9999px;
}
#right h5.information {
	clear:both;
	line-height:120px;
	margin:0;
	padding:0;
	background:url("../img/title06.gif") no-repeat;
	text-indent:-9999px;
}

.sub01 {
	width:670px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
}

.image_text {
	width:460px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}
.image_text p {
	margin:0 0 10px 0;
}

.image_photo {
	width:200px;
	margin:0;
	padding:0;
	float:right;
}

.sub02 {
	width:670px;
	margin:20px 0 0 0;
	padding:0;
	float:left;
	background:url("../img/sub02_dotted.gif") repeat-y;
}

.design01 {
	width:330px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

.design02 {
	width:330px;
	margin:0 0 10px 0;
	padding:0;
	float:right;
}

.design_text {
	width:190px;
	margin:0;
	padding:0;
	float:left;
}
.design_text h4 {
	line-height:30px;
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	background:url("../img/new_title.gif") no-repeat;
	color:#962d7c;
}
.design_text ul {
	margin:0 5px;
	padding:0;
	text-align:left;
}
.design_text li {
	line-height:20px;
	margin:5px 0 0 0;
	padding:0 0 0 16px;
	background:url("../img/arrow.gif") no-repeat left;
}

.design_img {
	width:130px;
	margin:0;
	padding:0;
	float:right;
}
.design_img a img {
	border:solid 1px #ddd;
}
.design_img a:hover img {
	border:solid 1px #d7000f;
}

dl.list {
	width:670px;
	margin:0;
	padding:0;
	color:#444444;
	text-align:left;
}
dl.list dt {
	float:left;
	clear:both;
	display:block;
	width:140px;
	padding:5px 0 5px 0;
	margin:0;
	line-height:1.6;
}
dl.list dd {
	float:left;
	display:block;
	width:514px;
	padding:5px 0 5px 16px;
	margin:0;
	line-height:1.6;
	background:url("../img/arrow.gif") no-repeat left;
}

#left {
	width:220px;
	margin:20px 0 0 20px;
	padding:0;
	float:left;
	background:#fafafa;
	display:inline;
}
#left ul {
	margin:0;
	padding:0;
	text-align:left;
	font-size:90%;
}
#left li {
	line-height:20px;
	padding:5px 10px 5px 16px;
	background:url("../img/arrow.gif") no-repeat left;
	border-top:solid 1px #fff;
}

#adsense {
	width:200px;
	margin:10px;
	padding:0;
	float:left;
	display:inline;
}

#footer {
	clear:both;
	width:920px;
	margin:0 10px;
	padding:0;
	float:left;
	background:url("../img/footer_bk.gif") repeat-x top;
	display:inline;
	font-size:80%;
}

#copy {
	width:445px;
	margin:20px 10px 20px 10px;
	padding:0;
	float:left;
	display:inline;
	text-align:left;
}

#footer_navi {
	width:445px;
	margin:20px 10px 20px 0;
	padding:0;
	float:left;
	display:inline;
	text-align:right;
}
#footer_navi ul {
	display:inline;
	margin:0;
	padding:0;
}
#footer_navi li {
	display:inline;
	line-height:20px;
	margin:5px 0 0 0;
	padding:0 0 0 16px;
	background:url("../img/arrow.gif") no-repeat left;
}

/* アコーディオンレイアウト */
#accordion {
	width:220px;
	margin:0;
	padding:0;
}

.accordion_headings {
	margin:0;
	padding:0;
	cursor:pointer;
	text-align:left;
}

.accordion_child {
	padding:0;
	border-bottom:solid 1px #fff;
}


/*追加*/
.news_images img{
	width:670px;
	}

.news_images{
	margin-top:20px;}

.article_list li{
	padding:10px 0 10px 0;
	width:670px;
	border-bottom:dotted 1px #CCC;}

.news_index{
	
	font-size:medium;
	text-align:left;
	padding:10px;}

.news_index li{
	margin:10px 0 10px 0;}

.index_top{
	margin:0 0 20px 0;}

.box {
	background: #f0f0f0;
	border: 3px solid #ddd;
	border-radius: 3px;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 20px;
	width: 90%;
}
.c-title {
	  background: #cec39f;
    border-radius: 3px;
    font-size: 1.4em;
    margin: 0 auto 20px auto;
    padding: 5px 0;
    width: 95%;
}