@charset "UTF-8";


/*------------------------------------------------------------------------------------------------------------
# 各ページ設定
------------------------------------------------------------------------------------------------------------*/

/*大見出し
--------------------------------------------*/
#titlePortfolio{
	clear: both;
	width: 179px;
	height: 29px;
	margin: 50px 0 0 10px;
	padding: 0;
	background: url(../portfolio/images/title.gif) 0 0 no-repeat;
}

#titleCard{
	width: 260px;
	height: 29px;
	margin: 50px 0 0 10px;
	padding: 0;
	background: url(../card/images/title.gif) 0 0 no-repeat;
}

#titledownload{
	width: 160px;
	height: 29px;
	margin: 50px 0 0 10px;
	padding: 0;
	background: url(../download/images/title.gif) 0 0 no-repeat;
}

#titleProfile{
	width: 160px;
	height: 29px;
	margin: 50px 0 0 10px;
	padding: 0;
	background: url(../profile/images/title.gif) 0 0 no-repeat;
}

#titleBlog{
	width: 83px;
	height: 29px;
	margin: 50px 0 0 10px;
	padding: 0;
	background: url(../blog/images/title.gif) 0 0 no-repeat;
}

#titleLink{
	width: 76px;
	height: 29px;
	margin: 50px 0 0 10px;
	padding: 0;
	background: url(../link/images/title.gif) 0 0 no-repeat;
}

#titleMail{
	width: 160px;
	height: 29px;
	margin: 50px 0 0 10px;
	padding: 0;
	background: url(../mail/images/title.gif) 0 0 no-repeat;
}

#titleMailForm{
	width: 160px;
	height: 29px;
	margin: 50px 0 20px 10px;
	padding: 0;
	background: url(../mail/images/title.gif) 0 0 no-repeat;
}

#titlePortfolio span,
#titleCard span,
#titledownload span,
#titleProfile span,
#titleBlog span,
#titleLink span,
#titleMail span,
#titleMailForm span{
	display: block;
	text-indent: -9999px;
	/*\*/
	width:0;
	height:0;
	overflow: hidden;
	position: absolute;
	/**/
}


/*------------------------------------------------------------------------------------------------------------
# 共通
------------------------------------------------------------------------------------------------------------*/

/*見出し下部のテキスト枠
--------------------------------------------*/
.textBox{
	width: 630px;
	margin: 20px auto;
	padding: 0;
	text-align: left;					/* IE5.xバグ対策 */
	line-height:170%;
}

/*中見出し背景
--------------------------------------------*/
.subTitleBg{
	clear: both;
	margin: 20px 0 20px 0;
	padding: 0;
	font-size: 100%;
	line-height: 4.5em;
	font-weight: bold;
	text-indent: 25px;
	color: #666666;
	background: url(../common/subtitle_long.jpg) 0 0 no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 660px;
	height: 52px;
}


/*フッターナビゲーションボタン枠
--------------------------------------------*/
#buttonBox{
	clear: both;
	margin: 0;
	padding: 50px 0 0 0;
}

#buttonBox span{
	display: block;
	text-indent: -9999px;
	/*\*/
	width:0;
	height:0;
	overflow: hidden;
	position: absolute;
	/**/
}

#buttonTop{
	float: right;
	margin: 0;
	padding: 0;
}

#buttonTop a{
	display: block;
	width: 21px;
	height: 21px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
	background: url(../common/button_top.gif) 0 0 no-repeat;
}

#buttonBack{
	float: left;
	margin: 0;
	padding: 0;
}

#buttonBack a{
	display: block;
	width: 21px;
	height: 21px;
	text-decoration: none;
	/*\*/
	overflow: hidden;
	/**/
	background: url(../common/button_back.gif) 0 0 no-repeat;
}



/*------------------------------------------------------------------------------------------------------------
# ポートフォリオ
------------------------------------------------------------------------------------------------------------*/

#filter{
	width: 640px;
	height: 45px;
	margin: 0 0 20px 9px;
	padding: 0;
	background: url(../portfolio/images/menu_filter_bg.jpg) 0 0 no-repeat;
}

#filter img{
	float: left;
	margin: 9px 10px 0 14px;
	padding: 0;
}

.allitem{
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
}

#filterlist{
	width: 675px;
	margin: 0;
	padding: 0;
}

#filterlist li{
	float: left;
	width: 150px;
	margin: 0;
	padding: 7px;
}


/*サムネイルリスト
--------------------------------------------*/
.designListBox{
	margin: 0;
	padding: 0;
}

.designText{
	float: right;
	margin: 0;
	padding: 0;
}

.designText li{
	width: 169px;
	margin: 0;
	padding: 6px;
	list-style-type: none;
	line-height: 1.4em;
	background:url(../common/line.gif) bottom left no-repeat;
}

.designListLink{
	width: 640px;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: right;					/* IE5.xバグ対策 */
}

img.designLink{
	margin: 0;
	padding: 0 0 0 5px;
	vertical-align: text-bottom;
}

#illustListBoxWork,
#illustListBox{
	float: left;
	width: 650px;
	margin: 0;
	padding: 0 0 10px 10px;
}

#illustListBoxWork img,
#illustListBox img{
	margin: 0 4px 10px 0;
	padding: 0;
	background-color: #ffffff;
}

#illustListBoxWork a,
#illustListBox a{
	background-color: #ffffff;
}

bak#illustListBox{
	width: 650px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

bak#illustListBox li{
	float: left;
	list-style-type: none;
	margin:0;
	padding:0 5px 10px 5px;
}


/*詳細ページ
--------------------------------------------*/
.detailBox{
	clear: both;
	width: 640px;
	margin:0 0 0 10px;
	padding: 5px 0 30px 0;
}

.detailRight{
	float: right;
	margin: 0;
	padding: 0;
}

.detailLeft{
	float: left;
	margin: 0;
	padding: 0;
}

.detailText{
	width:300px;
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 1.7em;
	background-color: #dadada;
}


/*各アイコン
--------------------------------------------*/
#iconWeb{
	height: 32px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.8em;
	font-weight: bold;
	text-indent: 52px;
	color: #333333;
	background:url(../portfolio/images/icon_web.gif) 0 0 no-repeat;
}

#iconDtp{
	height: 32px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.8em;
	font-weight: bold;
	text-indent: 52px;
	color: #333333;
	background:url(../portfolio/images/icon_dtp.gif) 0 0 no-repeat;
}

#iconIllust{
	height: 32px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.8em;
	font-weight: bold;
	text-indent: 52px;
	color: #333333;
	background:url(../portfolio/images/icon_illust.gif) 0 0 no-repeat;
}

#iconLogo{
	height: 32px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.8em;
	font-weight: bold;
	text-indent: 52px;
	color: #333333;
	background:url(../portfolio/images/icon_logo.gif) 0 0 no-repeat;
}

#iconDtp span,
#iconIllust span,
#iconLogo span{
	display: block;
	text-indent: -9999px;
	/*\*/
	width:0;
	height:0;
	overflow: hidden;
	position: absolute;
	/**/
}

/*コメント
--------------------------------------------*/
.commentBox{
	clear: both;
	width:640px;
	margin: 0 0 25px 0;
	padding: 0;
	border: 1px dotted #dadada;
}

.commentBoxText{
	margin: 0;
	padding:10px;
	line-height: 1.3em;
}


/*テーブル
--------------------------------------------*/
.tableBox{
	width:310px;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

.tableBox th{
	width: 65px;
	margin: 0;
	padding: 5px;
	text-align: left;
	font-weight: normal;
	background:url(../common/line.gif) bottom no-repeat;
}

.tableBox td{
	width: 245px;
	margin: 0;
	padding: 10px 5px;
	line-height: 1.7em;
	background:url(../common/line.gif) bottom left no-repeat;
}


/*------------------------------------------------------------------------------------------------------------
# グリーティングカード
------------------------------------------------------------------------------------------------------------*/
.cardBox{
	width : 650px;
	margin: 0 auto;
	padding: 0;
}

.cardBgBox{
	float: left;
	width : 150px;
	margin: 0;
	padding: 5px;
	background-color: #ffffff;
}

.cardBg01{
	width : 150px;
	margin: 0;
	padding: 28px 0 8px 0;
	background:url(../card/images/card_bg_01.jpg) left top no-repeat;
	border: #e9e9e9 solid 1px;
}

.cardBg02{
	width : 150px;
	margin: 0;
	padding: 28px 0 8px 0;
	background:url(../card/images/card_bg_02.jpg) left top no-repeat;
	border: #e9e9e9 solid 1px;
}

.cardBg03{
	width : 150px;
	margin: 0;
	padding: 28px 0 8px 0;
	background:url(../card/images/card_bg_03.jpg) left top no-repeat;
	border: #e9e9e9 solid 1px;
}

.cardBg04{
	width : 150px;
	margin: 0;
	padding: 28px 0 8px 0;
	background:url(../card/images/card_bg_04.jpg) left top no-repeat;
	border: #e9e9e9 solid 1px;
}

.cardTitle{
	width: 150px;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 100%;
	text-align: center;
}

.cardBg01 p,
.cardBg02 p,
.cardBg03 p,
.cardBg04 p{
	width: 130px;
	margin: 0;
	padding: 5px 10px;
	font-size: 80%;
	text-align: center;
	line-height: 1.3em;
}



/*------------------------------------------------------------------------------------------------------------
# ダウンロード
------------------------------------------------------------------------------------------------------------*/
.wpBox{
	width:580px;
	margin: 0 0 0 35px;
	padding: 0;
}

.wpBoxImg{
	float: left;
	width:236px;
	margin:0;
	padding: 10px 25px 10px 10px;
}

.wpText{
	float: left;
	width: 305px;
	margin: 0;
	padding: 20px 0 0 0;
	line-height: 1.5em;
}

.wpList{
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}

.wpList p{
	margin: 0;
	padding: 0 0 5px 0;
}

.wpList li{
	list-style: none;
	margin: 7px 0;
	padding: 0 0 0 21px;
	background: url(../common/button_link.gif) 0 0 no-repeat;
}

.printBox01{
	width: 640px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
}

.printBox02{
	width: 650px;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.goods01{
	float: left;
	margin: 0;
	padding: 10px 14px 10px 14px;
}

.goods02{
	float: left;
	margin: 0 0 0 5px;
	padding: 5px;
}

.goods01 p,
.goods02 p{
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 1.3em;
}

#bannerAcrobat{
	clear: both;
	width: 580px;
	margin: 30px;
	padding: 5px;
}

#bannerAcrobat img{
	float: left;
	margin:0 10px 0 0;
	padding: 0;
}

#bannerAcrobat p{
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: 1.5em;
}

.commentBoxDl{
	clear: both;
	width:580px;
	margin: 10px;
	padding: 20px;
	line-height: 1.7em;
	border: 1px solid #dadada;
}

.commentBoxDl p{
	margin: 0;
	padding: 2px 0 2px 5px;
}

.commentBoxDl li{
	margin: 0 0 0 20px;
	padding: 2px 0 2px 0;
}


/*------------------------------------------------------------------------------------------------------------
# プロフィール設定
------------------------------------------------------------------------------------------------------------*/
#profileBoxLeft{
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
}

.profileText{
	width: 350px;
	margin: 10px 0px 5px 15px;
	padding: 5px;
	line-height:1.6em;
}

#profileBoxRight{
	float: right;
	width: 255px;
	margin: 0;
	padding: 15px 0 0 0;
}

.profileTextSmall{
	width: 350px;
	margin: 15px 0px 20px 15px;
	padding: 5px;
	font-size:85%;
	line-height:1.6em;
}

.profileTextInfo{
	width: 230px;
	margin: 0 0 15px 10px;
	padding: 5px;
	font-size:85%;
	line-height:1.6em;
}

#banner{
	margin:0;
	padding: 0 0 0 5px;
}

#banner img{
	margin: 0;
	padding: 0 0 6px 0;
}


/*------------------------------------------------------------------------------------------------------------
# ブログ
------------------------------------------------------------------------------------------------------------*/
#blogBoxLeft{
	float: left;
	width: 400px;
	margin: 0;
	padding: 0;
}

#blogBoxRight{
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}


/* エントリー題名枠
--------------------------------------------------------------------- */
.entry-header {
	clear: both;
	width: 450px;
	height: 52px;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 4.2em;
	font-weight: bold;
	text-indent: 10px;
	color: #666666;
	background: url(../blog/images/h-bg.jpg) 0 0 no-repeat;
}


/* エントリー本文枠
--------------------------------------------------------------------- */
.entry-content {
	margin: 0 0 20px 2px;
	padding: 5px;
	width:435px;
	line-height: 1.6em;
}

.entry-content p{
	margin: 8px 0;
	padding: 0;
}


/* エントリーナビ
--------------------------------------------------------------------- */
.content-nav {
	width:435px;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* モジュール見出し枠
--------------------------------------------------------------------- */
.module-header,
.archive-header
{
	/* ie win (5, 5.5, 6) bugfix */
	p\osition: relative; 
	width: 100%;
	w\idth: auto;

	width:190px;
	height:34px;
	margin: 5px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	line-height: 2.8em;
	font-weight: bold;
	text-align: center;
	color: #777777;
	background: url(../blog/images/h-bg2.gif) bottom left no-repeat;
}


/* カレンダー装飾追加
--------------------------------------------------------------------- */
#calendar {
	color: #666666;
	font-size: 12px;
	line-height: 140%;
	margin: 0 0 0 12px;
	padding: 0;
}


#calendar table {
	margin: 0px 0px 20px 0;
	padding: 0px;
	border-collapse: collapse;
	width: 95%;
}


#calendar caption {
	color: #666666;
	font-size: 12px;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}

#calendar th {
	text-align: center;
	font-weight: normal;
	font-size: 10px;								/* IE5.X用に追加 */
}

#calendar td {
	padding: 1px;
	font-size: 11px;								/* フォントサイズ追加 */
	text-align: center;
	border: 1px solid #FFFFFF;
	font-family: 'trebuchet ms', helvetica, arial, sans-serif;
}


#calendar td.calent {
	background-color: #FFECF2;
}


.moduleBox{
	margin: 0 0 20px 0;
	padding: 0;
}

/* リスト単体レイアウト設定
--------------------------------------------------------------------- */
.module-list-item{
	list-style: none;
	margin: 3px 0 0 15px;
	padding: 0 0 0 15px;
	font-size: 85%;
	line-height: 1.6em;
	background: url(../blog/images/li-bg.gif) 0 0.25em no-repeat;
}



/*------------------------------------------------------------------------------------------------------------
# リンク設定
------------------------------------------------------------------------------------------------------------*/

.linkBox{
	width: 600px;
	margin: 5px 0 15px 20px;
	padding: 0;
}

.linkBox li{
	list-style: none;
	margin: 0;
	padding: 0 0 0 21px;
	background: url(../common/button_link.gif) 0 0 no-repeat;
}

.linkText{
	width: 600px;
	line-height:145%;
	margin: 10px 0 10px 0;
	padding: 0;
}


/*------------------------------------------------------------------------------------------------------------
# メール設定
------------------------------------------------------------------------------------------------------------*/
#mailHeaderBg{
	width: 630px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: url(../mail/images/bg_form.gif) 0 0 no-repeat;
}

.mailBox{
	width: 400px;
	margin: 0 0 0 110px;
	padding: 110px 0 0 0;
}

.mailBox p{
	margin: 0;
	padding: 15px 0 0 0;
	line-height: 1.8em;
}

.mailBoxSend{
	width: 400px;
	margin: 0 0 0 150px;
	padding: 120px 0 60px 0;
}

.textRed{
	line-height: 1.8em;
	color: #cc3333;
}

.textSmall{
	font-size:85%;
}


/* 入力欄サイズ指定 */
.text-name,
.text-mail,
.text-url{
	width: 200px;
	height: 20px;
	margin: 0;
	padding: 2px;
	list-style: none;
	font-size: 100%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	border: 1px #dadada solid;
}

select{
	width: 150px;
	height: 25px;
	margin: 0;
	padding: 2px;
	font-size: 100%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	border: 1px #dadada solid;
}

textarea {
	width: 400px;
	height: 150px;
	font-size: 100%;
	line-height: 130%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	border: 1px #dadada solid;
}

.mailBoxButtom {
	text-align: center;
}

#submitButton,
#resetButton,
#backButton {
	margin: 10px 0 0 0;
	padding: 10px 15px;
	font-size: 100%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

/* 2014.09追加 */
.win input,
.win textarea{
	letter-spacing: 1px;
}


/*------------------------------------------------------------------------------------------------------------
# メンテナンス
------------------------------------------------------------------------------------------------------------*/
.tableBoxMn{
	width:310px;
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
}

.tableBoxMn td{
	margin: 0;
	padding: 10px 5px;
	line-height: 1.7em;
	background:url(../common/line.gif) bottom left no-repeat;
}

.position{
	text-align: center;
}



/*------------------------------------------------------------------------------------------------------------
# エラーページ表示
------------------------------------------------------------------------------------------------------------*/
#wrapperError{
	width: 980px;
	margin: 0 auto;
	padding: 0;	
	text-align: center;					/* IE5.xバグ対策 */
}

#containerError{
	width: 400px;
	margin: 0 auto;
	padding: 0;							/* marginで指定するとMac Safariで反映されない */
	text-align: left;					/* IE5.xバグ対策 */
}

.tableBoxError{
	width:400px;
	margin: 50px 0 0 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.7em;
	text-align: left;
}