@charset "UTF-8";

/* main.css
**************************************************************************************

0.Bread
1.Heading
2.Junction
3.Outline Area
4.News-list
5.Anchor
6.Article + Photo
7.Photo + Photo
8.Table
9.File Download
10.Plug-In
11.Special Area
12.Link Area
13.Page Navi
14.Bottom link
15.Form Parts
16.Inq area
17.work-list-area
18.Phone-area
19.Space Color

**************************************************************************************/ 


/* 0.Bread
=============================================================================*/

div.bread-area {
	width:950px;
	padding:11px 0 13px 0;
	margin:0 auto;
}

div.bread-area div.bread {
	width:750px;
	font-size:11px;
	padding:4px 0 0 0;
	float:left;
}

div.bread-area div.print {
	width:111px;
	height:29px;
	float:right;
}

div.bread-area div.print ul {
	width:111px;
}

div.bread-area div.print ul li.print001 {
	width:111px;
	height:29px;
	text-indent:-9999px;
	float:right;
}

div.bread-area div.print ul li.print001 a {
	display:block;
	width:111px;
	height:29px;
	background:url("../../image/contents-btn001.gif") no-repeat 0 0;
}

div.bread-area div.print ul li.print001 a:hover {
	background-position:0 -29px;
}


/* 1.Heading
=============================================================================*/

/* h1 */

div#main div.h1-area {
	width:706px;
	padding:0 0 5px 0;
	margin:0 0 25px 0;
}

div#main div.h1-area-in {
	width:662px;
	line-height:1.4;
	padding:30px 22px 17px 22px;
}

/* ユーザビリティ---*/
div.usability div#main div.h1-area {
	background:url("../../image/h1-bg002.gif") no-repeat left bottom;
}
div.usability div#main div.h1-area-in {
	background:url("../../image/h1-bg002.gif") no-repeat 0 0;
}

/* サービス---*/
div.solution div#main div.h1-area {
	background:url("../../image/h1-bg001.gif") no-repeat left bottom;
}
div.solution div#main div.h1-area-in {
	background:url("../../image/h1-bg001.gif") no-repeat 0 0;
}

/* ソリューション---*/
div.target-solution div#main div.h1-area {
	background:url("../../image/h1-bg003.gif") no-repeat left bottom;
}
div.target-solution div#main div.h1-area-in {
	background:url("../../image/h1-bg003.gif") no-repeat 0 0;
}

/* 成功事例---*/
div.success-case div#main div.h1-area {
	background:url("../../image/h1-bg004.gif") no-repeat left bottom;
}
div.success-case div#main div.h1-area-in {
	background:url("../../image/h1-bg004.gif") no-repeat 0 0;
}

/* 制作実績---*/
div.results div#main div.h1-area {
	background:url("../../image/h1-bg005.gif") no-repeat left bottom;
}
div.results div#main div.h1-area-in {
	background:url("../../image/h1-bg005.gif") no-repeat 0 0;
}

/* 会社案内---*/
div.company div#main div.h1-area {
	background:url("../../image/h1-bg006.gif") no-repeat left bottom;
}
div.company div#main div.h1-area-in {
	background:url("../../image/h1-bg006.gif") no-repeat 0 0;
}

/* お問い合わせ---*/
div.inquiry div#main div.h1-area {
	background:url("../../image/h1-bg007.gif") no-repeat left bottom;
}
div.inquiry div#main div.h1-area-in {
	background:url("../../image/h1-bg007.gif") no-repeat 0 0;
}

/* 採用情報---*/
div.recruit div#main div.h1-area {
	background:url("../../image/h1-bg008.gif") no-repeat left bottom;
}
div.recruit div#main div.h1-area-in {
	background:url("../../image/h1-bg008.gif") no-repeat 0 0;
}

/* アーティスの強み---*/
div.user-aspect div#main div.h1-area {
	background:url("../../image/h1-bg009.gif") no-repeat left bottom;
}
div.user-aspect div#main div.h1-area-in {
	background:url("../../image/h1-bg009.gif") no-repeat 0 0;
}

/* サイトマップ---*/
div.sitemap div#main div.h1-area {
	background:url("../../image/h1-bg010.gif") no-repeat left bottom;
}
div.sitemap div#main div.h1-area-in {
	background:url("../../image/h1-bg010.gif") no-repeat 0 0;
}

/* サイト内検索---*/
div.search div#main div.h1-area {
	background:url("../../image/h1-bg011.gif") no-repeat left bottom;
}
div.search div#main div.h1-area-in {
	background:url("../../image/h1-bg011.gif") no-repeat 0 0;
}

/* ニュースリリース---*/
div.news div#main div.h1-area {
	background:url("../../image/h1-bg012.gif") no-repeat left bottom;
}
div.news div#main div.h1-area-in {
	background:url("../../image/h1-bg012.gif") no-repeat 0 0;
}

/* コラム---*/
div.column div#main div.h1-area {
	background:url("../../image/h1-bg013.gif") no-repeat left bottom;
	margin:0 0 10px 0;
}
div.column div#main div.h1-area-in {
	background:url("../../image/h1-bg013.gif") no-repeat 0 0;
}

/* 基本情報---*/
div.site-information div#main div.h1-area {
	background:url("../../image/h1-bg014.gif") no-repeat left bottom;
}
div.site-information div#main div.h1-area-in {
	background:url("../../image/h1-bg014.gif") no-repeat 0 0;
}

/* WEB用語---*/
div.glossary div#main div.h1-area {
	background:url("../../image/h1-bg018.gif") no-repeat left bottom;
}
div.glossary div#main div.h1-area-in {
	background:url("../../image/h1-bg018.gif") no-repeat 0 0;
}

/* 404---*/
div.not-found div#main div.h1-area {
	background:url("../../image/h1-bg015.gif") no-repeat left bottom;
}
div.not-found div#main div.h1-area-in {
	background:url("../../image/h1-bg015.gif") no-repeat 0 0;
}

/* 403---*/
div.forbidden div#main div.h1-area {
	background:url("../../image/h1-bg016.gif") no-repeat left bottom;
}
div.forbidden div#main div.h1-area-in {
	background:url("../../image/h1-bg016.gif") no-repeat 0 0;
}

/* 401---*/
div.unauthorized div#main div.h1-area {
	background:url("../../image/h1-bg017.gif") no-repeat left bottom;
}
div.unauthorized div#main div.h1-area-in {
	background:url("../../image/h1-bg017.gif") no-repeat 0 0;
}

/*form h1---*/

div.form div#main div.h1-area {
	width:830px;
	padding:0 0 5px 0;
	margin:0 0 25px 0;
	background:url("../../image/form-bg001.gif") no-repeat left bottom;
}

div.form div#main div.h1-area-in {
	width:786px;
	line-height:1.4;
	padding:30px 22px 17px 22px;
	background:url("../../image/form-bg001.gif") no-repeat 0 0;
}

div.form div#main div.h1-area-in h1 span {
	font-size:85%;
}


/* h2 */
#wrapper-under div.h2-area {
	width:706px;
	margin:0 auto 17px auto;
	padding:0 0 5px 0;
	background:url("../../image/contents-bg003.gif") no-repeat left bottom;
}

#wrapper-under div.h2-deco{
	width:675px;
	padding:7px 15px 1px 16px;
	background:url("../../image/contents-bg003.gif") no-repeat 0 0;
}




/* h3 */
#wrapper-under div.h3-area {
	width:676px;
	padding:0 0 6px 0;
	margin:0 auto 15px auto;
	border-bottom:1px solid #CCCCCC;
}

#wrapper-under div.h3-deco {
	border-left:4px solid #24b9f0;
	padding:0 0 0 6px;
}

/* h4 */

#wrapper-under div.h4-area{
	width:676px;
	padding:0 0 5px 0;
	margin:0 auto 15px auto;
	background:url("../../image/contents-bg005.gif") repeat-x left bottom;
}

#wrapper-under div.h4-deco{
	width:653px;
	padding:7px 11px 2px 11px;
	background:url("../../image/contents-bg005.gif") no-repeat 0 0;
}



/* 2.Junction
=============================================================================*/

#wrapper-under div.junction{
	width:339px;
	margin:0 0 30px 0;
}

#wrapper-under div.junc-left {
	float:left;
}

#wrapper-under div.junc-right {
	float:right;
}

#wrapper-under div.junction div.junction-h2-area {
	width:339px;
	margin:0 0 12px 0;
	padding:0 0 5px 0;
	background:url("../../image/contents-bg006.gif") no-repeat left bottom;
}

#wrapper-under div.junction div.junction-h2-area h2.junction-h2 {
	width:339px;
	font-size:114%;
	padding:9px 0 2px 0;
	background:url("../../image/contents-bg006.gif") no-repeat 0 0;
}


#wrapper-under div.junction div.junction-h2-area h2.junction-h2 a {
	padding:0 0 0 30px;
	background:url("../../image/contents_ic001.gif") no-repeat 11px 0.35em;
	display:block;
}

#wrapper-under div.junction-outline{
	width:339px;
	margin:0 0 11px;
}

#wrapper-under div.junction-outline p.junction-outline-img {
	width:154px;
	margin:0 0 0 10px;
	text-align:center;
	float:right;
}


#wrapper-under div.junction-list-area {
	width:339px;
	padding:0;
	clear:both;
}

#wrapper-under ul.junction-list{
	background:#f7f7f7;
	padding:5px 15px 14px;
}

#wrapper-under ul.junction-list li {
	padding:6px 0 0 0;
}

#wrapper-under ul.junction-list li a {
	padding:0 0 0 12px;
	background:url("../../image/contents-ar001.gif") no-repeat 0 6px;
}

/* sitemap */
div.unauthorized #wrapper-under div.junction ,
div.not-found #wrapper-under div.junction ,
div.forbidden #wrapper-under div.junction ,
div.sitemap #wrapper-under div.junction{
	width:706px;
	margin:0 0 30px 0;
}

div.unauthorized #wrapper-under div.junction div.junction-h2-area ,
div.not-found #wrapper-under div.junction div.junction-h2-area ,
div.forbidden #wrapper-under div.junction div.junction-h2-area ,
div.sitemap #wrapper-under div.junction div.junction-h2-area {
	width:706px;
	background:url("../../image/contents-bg010.gif") no-repeat left bottom;
	padding:0 0 5px 0;
}

div.unauthorized #wrapper-under div.junction div.junction-h2-area h2.junction-h2 ,
div.not-found #wrapper-under div.junction div.junction-h2-area h2.junction-h2 ,
div.forbidden #wrapper-under div.junction div.junction-h2-area h2.junction-h2 ,
div.sitemap #wrapper-under div.junction div.junction-h2-area h2.junction-h2 {
	width:706px;
	font-size:138.5%;
	padding:9px 0 2px 0;
	background:url("../../image/contents-bg010.gif") no-repeat left top;
}

div.unauthorized #wrapper-under div.junction-outline-area ,
div.not-found #wrapper-under div.junction-outline-area ,
div.forbidden #wrapper-under div.junction-outline-area ,
div.sitemap #wrapper-under div.junction-outline-area {
	padding:0;	
}

div.unauthorized #wrapper-under div.junction-outline ,
div.not-found #wrapper-under div.junction-outline ,
div.forbidden #wrapper-under div.junction-outline ,
div.sitemap #wrapper-under div.junction-outline {
	width:706px;
	background:url("../../image/contents-bg007.gif") no-repeat left bottom;
	padding:0 0 5px 0;
	margin-bottom:12px;
}

div.unauthorized #wrapper-under div.junction-outline p.junction-link-second ,
div.not-found #wrapper-under div.junction-outline p.junction-link-second ,
div.forbidden #wrapper-under div.junction-outline p.junction-link-second ,
div.sitemap #wrapper-under div.junction-outline p.junction-link-second {
	width:706px;
	font-size:114%;
	background:url("../../image/contents-bg007.gif") no-repeat left top;
	margin:0;
	padding:8px 0 0 0;
}

div.unauthorized #wrapper-under div.junction-outline p.junction-link-second a ,
div.not-found #wrapper-under div.junction-outline p.junction-link-second a ,
div.forbidden #wrapper-under div.junction-outline p.junction-link-second a ,
div.sitemap #wrapper-under div.junction-outline p.junction-link-second a {
	font-weight:bold;
	padding:0 0 0 30px;
	background:url("../../image/contents_ic001.gif") no-repeat 11px 0.35em;
	display:block;
}

div.unauthorized #wrapper-under div.junction-list-area ,
div.not-found #wrapper-under div.junction-list-area ,
div.forbidden #wrapper-under div.junction-list-area ,
div.sitemap #wrapper-under div.junction-list-area {
	width:686px;
	padding:10px 10px 9px 10px;
	margin:0 0 20px 0;
	background:none;
	clear:both;
	background-color:#f7f7f7;
}

div.unauthorized #wrapper-under div.junction-list-area ul li ul li ,
div.not-found #wrapper-under div.junction-list-area ul li ul li ,
div.forbidden #wrapper-under div.junction-list-area ul li ul li ,
div.sitemap #wrapper-under div.junction-list-area ul li ul li {
	width:207px;
	padding:0 10px 5px 10px;
	background:url("../../image/contents-ar001.gif") no-repeat 0 6px;
	float:left;
}

div.unauthorized #wrapper-under div.junction-list-area ul li ul li a ,
div.not-found #wrapper-under div.junction-list-area ul li ul li a ,
div.forbidden #wrapper-under div.junction-list-area ul li ul li a ,
div.sitemap #wrapper-under div.junction-list-area ul li ul li a {
	text-decoration:underline;
	padding:0;
	background:none;
}



/* 3.Outline Area
=============================================================================*/
#wrapper-under div.outline{
	width:100%;
	margin:0 auto 35px auto;
}

#wrapper-under div.outline p.subtitle{
	font-size:114%;
	font-weight:bold;
	padding:0 0 5px 0;
}

#wrapper-under div.outline div.img-area{
	float:right;
	margin:0 0 10px 0;
	text-align:center;
}


/* 4.News-list
=============================================================================*/

#wrapper-under div.news-list {
	width:100%;
	padding:0 0 25px 0;
	position:relative;
}

#wrapper-under div.news-list h2 {
	width:130px;
	height:39px;
	background:url("../../image/contents-tl001.gif") no-repeat 0 0;
}

#wrapper-under div.newstitle {
	text-indent:-9999px;
	font-size:1px;
	width:706px;
	height:39px;
	background:url("../../image/contents-tl001.gif") no-repeat 0 0;
	margin:0 0 15px 0;
}


/* rssボタン */

#wrapper-under div.news-list p.rss {
	width:96px;
	height:19px;
	position:absolute;
	top:10px;
	right:250px;
}

#wrapper-under div.news-list p.rss a {
	display:block;
	width:96px;
	height:19px;
	background:url("../../image/contents-tl001.gif") no-repeat -360px -10px;
}

#wrapper-under div.news-list p.rss a:hover {
	background-position:-360px -49px;
}



/* RSSについて */

#wrapper-under div.news-list p.about-rss {
	width:107px;
	height:19px;
	position:absolute;
	top:10px;
	right:143px;
}

#wrapper-under div.news-list p.about-rss a {
	display:block;
	width:107px;
	height:19px;
	background:url("../../image/contents-tl001.gif") no-repeat -456px -10px;
}

#wrapper-under div.news-list p.about-rss a:hover {
	background-position:-456px -49px;
}

/* 履歴一覧 */

#wrapper-under div.news-list p.newslink {
	width:133px;
	height:19px;
	position:absolute;
	top:10px;
	right:10px;
}

#wrapper-under div.news-list p.newslink a {
	display:block;
	width:133px;
	height:19px;
	background:url("../../image/contents-tl001.gif") no-repeat -563px -10px;
}

#wrapper-under div.news-list p.newslink a:hover {
	background-position:-563px -49px;
}



/* リスト */

#wrapper-under div.news-list dl {
	width:100%;
	padding:0 0 7px 0;
	margin:0 auto 7px auto;
	border-bottom:1px solid #CCCCCC;
}

#wrapper-under div.news-list dl dt {
	width:9.5em;
	display:table-cell;
	color:#777777;
}

#wrapper-under div.news-list dl dd {
	width:auto;
	display:table-cell;
	line-height:1.6em;
}


/* ----*/

/* rssボタン */

div.column #wrapper-under #main div.news-list-un ,
div.news #wrapper-under #main div.news-list-un {
	width:706px;
	border-top:2px solid #CCCCCC;
}

div.column #wrapper-under #main div.rss-area ,
div.success-case #wrapper-under #main div.rss-area ,
div.results #wrapper-under #main div.rss-area ,
div.news #wrapper-under #main div.rss-area {
	width:197px;
	height:19px;
	float:right;
	padding:0 0 10px 0;
}

div.column #wrapper-under #main div.rss-area p.rss ,
div.success-case #wrapper-under #main div.rss-area p.rss ,
div.results #wrapper-under #main div.rss-area p.rss ,
div.news #wrapper-under #main div.rss-area p.rss {
	width:90px;
	height:19px;
	text-indent:-9999px;
	float:left;
}

div.column #wrapper-under #main div.rss-area p.rss a ,
div.success-case #wrapper-under #main div.rss-area p.rss a ,
div.results #wrapper-under #main div.rss-area p.rss a ,
div.news #wrapper-under #main div.rss-area p.rss a {
	display:block;
	width:90px;
	height:19px;
	background:url("../../image/index-btn003.gif") no-repeat 0 0;
}

div.column #wrapper-under #main div.rss-area p.rss a:hover ,
div.success-case #wrapper-under #main div.rss-area p.rss a:hover ,
div.results #wrapper-under #main div.rss-area p.rss a:hover ,
div.news #wrapper-under #main div.rss-area p.rss a:hover {
	background-position:0 -19px;
}

/* RSSについて */

div.column #wrapper-under #main div.rss-area p.about-rss ,
div.success-case #wrapper-under #main div.rss-area p.about-rss ,
div.results #wrapper-under #main div.rss-area p.about-rss ,
div.news #wrapper-under #main div.rss-area p.about-rss {
	width:107px;
	height:19px;
	text-indent:-9999px;
	float:left;
}

div.column #wrapper-under #main div.rss-area p.about-rss a ,
div.success-case #wrapper-under #main div.rss-area p.about-rss a ,
div.results #wrapper-under #main div.rss-area p.about-rss a ,
div.news #wrapper-under #main div.rss-area p.about-rss a {
	display:block;
	width:107px;
	height:19px;
	background:url("../../image/index-btn003.gif") no-repeat -90px 0;
}

div.column #wrapper-under #main div.rss-area p.about-rss a:hover ,
div.success-case #wrapper-under #main div.rss-area p.about-rss a:hover ,
div.results #wrapper-under #main div.rss-area p.about-rss a:hover ,
div.news #wrapper-under #main div.rss-area p.about-rss a:hover {
	background-position:-90px -19px;
}

/* リスト */

div.column #wrapper-under div.news-list-un dl ,
div.news #wrapper-under div.news-list-un dl {
	width:100%;
	padding:8px 0 8px 0;
	margin:0 auto 0 auto;
	border-bottom:1px solid #CCCCCC;
}

div.column #wrapper-under div.news-list-un dl dt ,
div.news #wrapper-under div.news-list-un dl dt {
	width:100px;
	float:left;
	display:table-cell;
	color:#777777;
}

div.column #wrapper-under div.news-list-un dl dd ,
div.news #wrapper-under div.news-list-un dl dd {
	width:600px;
	float:right;
	display:table-cell;
	line-height:1.6em;
}

/* 5.Anchor
=============================================================================*/
#wrapper-under div.anchor-area {
	width:706px;
	padding:0 0 5px 0;
	margin:0 auto 30px auto;
	background:url("../../image/contents-bg002.gif") no-repeat left bottom;
}

#wrapper-under div.anchor-deco {
	width:706px;
	padding:36px 0 0 0;
	margin:0;
	background:url("../../image/contents-bg002.gif") no-repeat left top;
}

#wrapper-under div.anchor-area p.pageindex {
	display:none;
}

#wrapper-under div.anchor-area ul {
	width:684px;
	margin:0 auto;
}

#wrapper-under div.anchor-area ul li {
	padding:0 5px 3px 15px;
	background:url("../../image/contents-ar005.gif") no-repeat 2px 7px;
}

#wrapper-under div.anchor-area ul.str01 li {
	padding:0 5px 6px 15px;
	background:url("../../image/contents-ar005.gif") no-repeat 2px 7px;
}

#wrapper-under div.anchor-area ul li.clearfix {
	padding:0;
	background:none;
}

#wrapper-under div.anchor-area ul li.clearfix ul li {
	width:206px;
	float:left;
}



/* 6.Article + Photo
=============================================================================*/
#wrapper-under div.tx-wrapper{
	width:676px;
	margin:0 auto 25px auto;
}

#wrapper-under div.photo-s{
	width:176px;
	padding:0 0 0 20px;
}

#wrapper-under div.photo-m{
	width:286px;
	padding:0 0 0 20px;
}

#wrapper-under div.photo-l {
	width:100%;
	float:none !important;
}

#wrapper-under div.photo-no-scale {
	padding:0 0 0 20px;
}

#wrapper-under div.tx-pat03 div.photo-s ,
#wrapper-under div.tx-pat03 div.photo-m ,
#wrapper-under div.tx-pat03 div.photo-no-scale {
	padding:0 20px 0 0;
}


/* 画像設定 */
#wrapper-under img {
	margin:0 auto 5px auto;
}

div.form #wrapper-under img {
	border:none;
	padding:0;
	margin:0 auto 5px auto;
}


/*キャプション*/
#wrapper-under p.cap-c { text-align:center; }
#wrapper-under p.cap-l { text-align:left; }
#wrapper-under p.cap-r { text-align:right; }


/* tx-pat02（画像が右）*/

#wrapper-under div.tx-pat02 div.img-area{
	float:right;
	margin:0 0 10px 0;
	text-align:center;
}


/* tx-pat03（画像が左）*/

#wrapper-under div.tx-pat03 div.img-area{
	float:left;
	margin:0 0 10px 0;
	text-align:center;
}


/* リスト設定 */
#wrapper-under ul.cms-contents-list-ul ,
#wrapper-under ol.cms-contents-list-ol {
	display:table;
}

#wrapper-under ul.cms-contents-list-ul li {
	list-style-type:disc;
	margin:0 0 0 25px;
}

#wrapper-under ol.cms-contents-list-ol li {
	list-style-type:decimal;
	margin:0 0 0 25px;
}


/* 7.Photo + Photo
=============================================================================*/
#wrapper-under div.img-pat01 ,
#wrapper-under div.img-pat02 {
	width:672px;
	margin:0 auto 25px auto;
}

#wrapper-under div.img-pat01 img ,
#wrapper-under div.img-pat02 img {
	margin:0 auto 5px auto;
}

#wrapper-under div.img-pat02  div.img-area {
	text-align:center;
}

#wrapper-under div.img-pat01 div.img-area-l {
	float:left;
	width:286px;
	text-align:center;
}

#wrapper-under div.img-pat01 div.img-area-r {
	float:right;
	width:286px;
	text-align:center;
}




/* 8.Table
=============================================================================*/
#wrapper-under div.table-area {
	width:676px;
	margin:0 auto 25px auto;
}

#wrapper-under div.table-area table {
	width:676px;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}

#wrapper-under div.table-area table th ,
#wrapper-under div.table-area table td {
	border-left:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	padding:8px 10px;
	font-weight:normal;
	vertical-align:top;
}

#wrapper-under div.table-area table th {
    background-color:#f1f1f1;
}

#wrapper-under div.table-area table th.title {
    	width:130px;
	text-align:right;
}

#wrapper-under div.table-area table td.align-right{
	text-align:right;
}

#wrapper-under div.table-area table td.nowrap{
	white-space:nowrap;
}

#wrapper-under div.table-area table td div.txt-wrapper {
	padding:0 0 5px 0;
}

#wrapper-under div.table-area table td span.note-txt {
	display:block;
	padding:0 0 3px 0;
}

/*枠無*/
#wrapper-under div.table-area table.border-none,
#wrapper-under div.table-area table.border-none th,
#wrapper-under div.table-area table.border-none td {
	border-collapse:collapse;
	border:solid #FFFFFF 1px;
}



/* 9.File Download
=============================================================================*/

#wrapper-under ul.download{
	width:676px;
	margin:0 auto 25px auto;
}

#wrapper-under ul.download li{
	padding:0 0 7px 20px;
	background: url("../../image/contents_ic002.gif") no-repeat 2px 3px;
}





/* 10.Plug-In
=============================================================================*/

#wrapper-under div.plugin-area {
	width:676px;
	padding:0 0 5px 0;
	margin:0 auto 25px auto;
	clear:both;
	background:url("../../image/contents-bg008.gif") repeat left bottom;
}

#wrapper-under div.plugin-area-in {
	width:654px;
	font-size:11px;
	line-height:1.5em;
	padding:11px 11px 5px 11px;
	background:url("../../image/contents-bg008.gif") repeat 0 0;
}


#wrapper-under div.plugin-area-in p.pdf-icon {
	width:160px;
	margin:0 0 0 10px;
	float:right;
}

#wrapper-under div.plugin-area-in p.pdf-icon img {
	padding:0;
	margin:0;
	border:none;
}

#wrapper-under div.plugin-area-in p.pdf-txt {
	padding:6px 0 0 0;
}

/* flash */

div.flash-area {
    width:490px;
	margin:0 auto 20px auto;
}

div.flash-area div.flash-plugin {
	width:468px;
	padding:10px;
	margin:20px auto 25px auto;
	background-color:#f7f7f7;
	clear:both;
}

#wrapper-under div.flash-area div.flash-plugin img.banner-r {
	display:block;
	width:160px;
	padding:0;
	margin:0 0 0 5px;
	border:none;
	float:right;
}


/* 11.Special Area
=============================================================================*/

#wrapper-under div.special-pat01 ,
#wrapper-under div.special-pat02 {
	width:706px;
	padding:0 0 5px 0;
	margin:0 auto 25px auto;
	background:url("../../image/contents-bg007.gif") no-repeat left bottom;
	clear:both;
}

#wrapper-under div.special {
	width:676px;
	padding:15px 15px 10px 15px;
	background:url("../../image/contents-bg007.gif") no-repeat 0 0;
}

#wrapper-under div.special div.special-title-area {
	width:676px;
	font-size:114%;
	padding:0 0 12px 0;
	margin:0 0 12px 0;
	border-bottom:1px solid #cccccc;
}

#wrapper-under div.special p.special-title-deco {
	width:660px;
	font-size:114%;
	padding:2px 0 0 10px;
	margin:0;
	border-left:4px solid #20d2fe;
	line-height:17px;
	*line-height:22px;
}

#wrapper-under div.special img {
	padding:1px;
	margin:0 0 0 20px;
	border:cccccc 1px solid;
	text-align:center;
	float:right;
}



/* 12.Link Area
=============================================================================*/

#wrapper-under div.link-area {
	width:706px;
	padding:0 0 12px 0;
	margin:0 0 25px 0;
	border-bottom:1px solid #CCCCCC;
	clear:both;
}

#wrapper-under div.link-area p.pageindex {
	width:706px;
	font-size:114%;
	font-weight:bold;
	padding:0 0 3px 0;
	border-bottom:3px solid #cccccc;
	margin:0 0 12px 0;
}

#wrapper-under div.link-area ul {
	width:696px;
	margin:0 auto;
}

#wrapper-under div.link-area ul li {
	width:696px;
	vertical-align:top;
	display:block;
}

#wrapper-under div.link-area ul li.clearfix {
	padding:0;
	background:none;
}

#wrapper-under div.link-area ul li.clearfix ul li {
	width:210px;
	float:left;
	padding:0 5px 5px 17px;
	background:url("../../image/contents-ar001.gif") no-repeat 5px 8px;
}


/* 13.Page Navi
=============================================================================*/

#wrapper-under div.pnavi-area {
	margin:0 0 25px 0;
}

#wrapper-under div.pnavi-area p {
	width:126px;
	height:12px;
	text-indent:-9999px;
	float:right;
}

#wrapper-under div.pnavi-area p a {
	display:block;
	width:126px;
	height:12px;
	background:url("../../image/contents-tl003.gif") no-repeat 0 0;
}

#wrapper-under div.pnavi-area p a:hover {
	background-position:0 -12px;
}



/* 14.bottomlink
=============================================================================*/

div.bottomlink {
	width:950px;
	padding:0 0 15px 0;
	margin:0 auto 7px auto;
	clear:both;
}

div.bottomlink-in {
	width:706px;
	padding:40px 0 10px 0;
	float:right;
	border-bottom:1px solid #CCCCCC;
}

div.bottomlink-in p.ctop {
	text-align:center;
	padding:0 0 5px 0;
}

div.bottomlink-in p.ctop a {
	padding:0 0 0 10px;
	background:url("../../image/contents-ar004.gif") no-repeat 0 6px;
}

div.bottomlink-in p.go-home {
	width:61px;
	height:12px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 0 10px 0;
	float:left;
}

div.bottomlink-in p.go-home a {
	display:block;
	width:61px;
	height:12px;
	background:url("../../image/contents-tl002.gif") no-repeat 0 0;
}

div.bottomlink-in p.go-home a:hover {
	background-position:0 -12px;
}

div.bottomlink-in p.go-top {
	width:126px;
	height:12px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 10px 0;
	float:right;
}

div.bottomlink-in p.go-top a {
	display:block;
	width:126px;
	height:12px;
	background:url("../../image/contents-tl003.gif") no-repeat 0 0;
}

div.bottomlink-in p.go-top a:hover {
	background-position:0 -12px;
}




/* 15.Form Parts
=============================================================================*/


div.form #wrapper-under div.table-area {
	width:830px;
	margin:0 auto 25px auto;
}

div.form #wrapper-under div.table-area table {
	width:830px;
	border-top:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
}

div.form #wrapper-under div.table-area table th.bg01 {
	background-color:#e7f6fb;
}


div.form #wrapper-under div.table-area table th.title {
text-align:right;
width:178px;
}

div.form #wrapper-under div.table-area table tr td div.left {
	width:370px;
	float:left;
	padding:10px 15px 0;
}

div.form #wrapper-under div.table-area table tr td div.right {
	width:370px;
	float:right;
	padding:10px 15px 0;
}

/* input */

#wrapper-under input {
	border:solid 1px #a5acb2;
	padding:3px;
}

#wrapper-under textarea {
	border:solid 1px #a5acb2;
	padding:3px;
	margin:0 0 10px 0;
}

#wrapper-under input.txt01 { width:300px; }
#wrapper-under input.txt02 { width:600px; }
#wrapper-under input.txt03 { width:100px; }
#wrapper-under input.txt04 { width:400px; }

#wrapper-under textarea.textarea01 { width:800px;height:150px; }


/* button */

#wrapper-under p.image-button { 
	width:243px;
	height:54px;
	margin:0 auto 30px auto;
}

#wrapper-under p.image-button input { 
	border:none;
	padding:0;
}

#wrapper-under p.image-button02 { 
	width:244px;
	height:50px;
	margin:0 auto 30px auto;
}

#wrapper-under p.image-button02 a { 
	display:block;
	width:244px;
	height:54px;
	text-indent:-9999px;
	background:url("../../image/form-btn003.gif") no-repeat 0 0;
}

#wrapper-under p.image-button02 a:hover { 
	background:url("../../image/form-btn003.gif") no-repeat 0 -54px;
}

/* others */

#wrapper-under p.text-center { text-align:center; }

#wrapper-under p.error-txt ,
#wrapper-under span.error-txt { 
	display:block;
	color:#cf1010;
	font-weight:bold;
}

#wrapper-under span.error-txt { 
	padding:0 0 0 23px;
	background:url("../../image/form-error.gif") no-repeat 0 2px;
}

#wrapper-under span.esse { 
	display:block;
	padding:0 0 0 45px;
	background:url("../../image/form-esse.gif") no-repeat 0 1px;
}

/* 16.Inq area
=============================================================================*/

#wrapper-under div.inq-area {
	width:706px;
	padding:0 0 10px 0;
	margin:50px 0 0 0;
	background:url("../../image/contents-bg009.gif") no-repeat left bottom;
	display:block;
}

#wrapper-under div.inq-area-in {
	width:676px;
	padding:10px 15px 5px 15px ;
	background:url("../../image/contents-bg009.gif") no-repeat left top;
}

#wrapper-under div.inq-btn {
	padding:4px 0 0 0;
	width:322px;
	float:left;
}

#wrapper-under div.phone-area {
	padding:4px 0 0 0;
	width:322px;
	float:right;
}

#wrapper-under div.inq-btn p.ic01 {
	font-size:114%;
	font-weight:bold;
	padding:0 0 8px 26px;
	background:url("../../image/contents_ic003.gif") no-repeat 0 0.3em;
}

#wrapper-under div.inq-btn p.btn04 ,
#wrapper-under div.inq-btn p.btn04 a {
	width:322px;
	height:51px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/contents-btn002.gif") no-repeat 0 0;
}

#wrapper-under div.inq-btn p.btn04 a:hover {
	background-position:0 -51px;
}

#wrapper-under div.phone-area p.ic01 {
	font-size:114%;
	font-weight:bold;
	padding:0 0 9px 26px;
	background:url("../../image/contents_ic004.gif") no-repeat 0 0.3em;
}

#wrapper-under div.phone-area ul {
	width:322px;
	text-indent:-9999px;
	font-size:1px;
}

#wrapper-under div.phone-area ul li.phone01 {
	width:154px;
	height:42px;
	float:left;
	display:block;
	background:url("../../image/contents-tl005.gif") no-repeat 0 0;
}

#wrapper-under div.phone-area ul li.phone02 {
	width:154px;
	height:42px;
	float:right;
	display:block;
	background:url("../../image/contents-tl006.gif") no-repeat 0 0;
}


/* 17.work-list-area
=============================================================================*/

/*--list--*/

div.work-list-area {
	width:706px;
	margin:0;
	padding:5px 0 0 0;
}

div.work-list-area div.work-list-area-in {
	border-bottom:1px solid #CCCCCC;
	padding:20px 0;
}

div.work-list-area div.img-area {
	width:195px;
	margin:0 0 5px 10px;
	padding:0;
}

div.work-list-area div.img-area {
	width:195px;
	margin:0 0 5px 0;
	padding:0;
	float:left;
}

div.work-list-area div.text-right {
	width:496px;
	padding:0;
	margin:0;
	float:right;
}

div.work-list-area p.list-day {
	padding:0 0 7px 0 ;
	color:#777777;
}

div.work-list-area p.list-tl {
	padding:0 0 3px 0 ;
}	
div.work-list-area p.list-tl a {
	font-size:114%;
}

div.work-list-area p.list-day span.day {
	display:block;
	float:left;
	padding:0 3px 0 0;
} 

div.work-list-area p.list-day span.btob {
	float:left;
	display:block;
	width:65px;
	height:17px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 0 4px;
	background:url("../../image/contents-ic003.gif") no-repeat 0 2px;
}

div.work-list-area p.list-day span.education {
	float:left;
	display:block;
	width:65px;
	height:17px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 0 4px;
	background:url("../../image/contents-ic001.gif") no-repeat 0 2px;
}

div.work-list-area p.list-day span.medical {
	float:left;
	display:block;
	width:65px;
	height:17px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 0 4px;
	background:url("../../image/contents-ic004.gif") no-repeat 0 2px;
}

div.work-list-area p.list-day span.municipality {
	float:left;
	display:block;
	width:65px;
	height:17px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 0 4px;
	background:url("../../image/contents-ic005.gif") no-repeat 0 2px;
}

div.work-list-area p.list-day span.promotion {
	float:left;
	display:block;
	width:65px;
	height:17px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 0 4px;
	background:url("../../image/contents-ic006.gif") no-repeat 0 2px;
}

div.work-list-area p.list-day span.cms {
	float:left;
	display:block;
	width:65px;
	height:17px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 0 4px;
	background:url("../../image/contents-ic007.gif") no-repeat 0 2px;
}

div.work-list-area p.list-day span.responsive {
	float:left;
	display:block;
	width:65px;
	height:17px;
	text-indent:-9999px;
	font-size:1px;
	margin:0 0 0 4px;
	background:url("../../image/contents-ic008.gif") no-repeat 0 2px;
}


div.work-all ul {
	margin:15px 0 0 0;
}

div.work-all ul li ,
div.work-all ul li a{
	width:220px;
	height:37px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	background:url("../../image/contents-btn003.gif") no-repeat 0 0;
}

div.work-all ul li a:hover {
	background-position:0 -37px;
}


/* 18.Phone-area
=============================================================================*/
div.form #wrapper-under div.phone-area-form {
	width:830px;
	padding:0 0 5px 0;
	margin:0 0 25px 0;
	background:url("../../image/form-bg002.gif") no-repeat left bottom;
}

div.form #wrapper-under div.phone-area-form div.phone-area-form-in {
	width:830px;
	padding:11px 0;
	background:url("../../image/form-bg002.gif") no-repeat left top;
}

div.form #wrapper-under div.phone-area-form div.phone-area-form-in p {
	width:808px;
	padding:0 11px;
	text-align:center;
}

div.form #wrapper-under div.phone-area-form div.phone-area-form-in ul {
	width:527px;
	margin:0 auto;
	text-indent:-9999px;
	font-size:1px;
	padding:8px 0 0 0;
}

div.form #wrapper-under div.phone-area-form div.phone-area-form-in ul li.phone101 {
	width:252px;
	height:21px;
	float:left;
	background:url("../../image/form-bg004.gif") no-repeat 0 0;
}

div.form #wrapper-under div.phone-area-form div.phone-area-form-in ul li.phone102 {
	width:252px;
	height:21px;
	float:right;
	background:url("../../image/form-bg003.gif") no-repeat 0 0;
}

/* 19.Space Color
=============================================================================*/

#main .margin-b000{margin-bottom:0 !important;}
#main .margin-b010{margin-bottom:10px !important;}
#main .margin-b025{margin-bottom:25px !important;}
#main .margin-b050{margin-bottom:50px !important;}
#main .margin-b075{margin-bottom:75px !important;}
#main .margin-b100{margin-bottom:100px !important;}
#main .margin-b150{margin-bottom:150px !important;}

/*Color*/
span.cms-pallet-01 { color: #000000;}
span.cms-pallet-02 { color: #FF0000;}
span.cms-pallet-03 { color: #853434;}
span.cms-pallet-04 { color: #AAAAAA;}
span.cms-pallet-05 { color: #008000;}
span.cms-pallet-06 { color: #008000;}
span.cms-pallet-07 { color: #008080;}
span.cms-pallet-08 { color: #999999;}
span.cms-pallet-09 { color: #000080;}
span.cms-pallet-10 { color: #CC6600;}
span.cms-pallet-11 { color: #800080;}


/* 20.Social
=============================================================================*/

#wrapper-under div.social-area {
	margin:0 0 25px 0;
}

#wrapper-under div.social-area ul {
	text-align:right;
}

#wrapper-under div.social-area ul li {
	display:inline;
}