@charset "Shift_JIS";



/* ---------------------------------------------------
　　全体構造　男向上計画
---------------------------------------------------- */
/* firefox スクロールバー対応 */
html { overflow-y : scroll ; }


/* --- ページ基本 --- */
body {
	color : #ffffff ;
	background:#000000;
	margin : 0 auto ;
	text-align : centre ; /* IE */
	padding : 0 ;
	font-size : 62.5% ; /* 10px */
	font-family : Osaka, /*'メイリオ', 'Meiryo', "HGSｺﾞｼｯｸM",*/ "ＭＳ Ｐゴシック", sans-serif ;
}

/* サファリのみ フォント指定 */
html:\66irst-child body { font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif ; }


/* --- [ リセット ] --- */
div, pre, p, div, blockquote, hr,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
table, th, td,
embed, object {
	margin : 0 ;
	padding : 0 ;
	vertical-align : baseline ;
}

/* --- [ 見出し ] --- */
h1 {
	font-size : 1.2em ;
	font-weight : normal ;
	color : #ffffff;
	padding : 5px 0 0 ;
	margin : 0 10px 0px 10px;
}

h2, h3, h4, h5, h6 {
	font-style : normal ;
	font-size : 1.2em ; /* 12px */
}

/* --- [ 段落 ] --- */
p {
	font-size : 1.2em ; /* 12px */
	text-align : justify ;
	text-justify : inter-ideograph ;
}

/* --- [ テーブル ] --- */
table {
	border-spacing : 0 ;
	font-size : 1.2em ; /* 12px */
}
* html table,
*:first-child+html table { border-collapse : collapse ; }
caption, th {
	text-align : left ;
	font-weight : normal ;
}
table, th, td { border : none ; }



/* --- [ 画像・引用・略語 ] --- */
img {
	vertical-align : top ;
	border : none ;
}
q:before, q:after { content : '' ; }
acronym,abbr { cursor : help ; }



/* --- [ リスト ] --- */
ol,ul {
	list-style : none ;
	font-size : 1.2em ; /* 12px */
}
dl { font-size : 1.2em ; } /* 12px */
li li { font-size : 0.9em ; } /* 入れ子フォントサイズ */



/* --- [ フォーム ] --- */
input { vertical-align : middle ; }
option { padding : 0 5px ; } /* firefox用 */
*+html option{ padding: 0 ;} /* for IE7&Opera */
* html option{ padding : 0 ; } /* for IE6 */　　　



/* --- [ その他 ] --- */

/* アドレス・強調 */
address,em { font-style : normal ; }

/* --- [ リンク ] --- */
a { 

}
a:link { color : #ff9900; }
a:visited { color : #ff9900; }
a:hover { color:#FFFF66; }
a:active {  }
a:focus {  }

.sub .menu a { text-decoration : none; }

/* --- 汎用クラス --- */
.a_center { text-align : center ; }
.a_right { text-align : right ; }









/* ---------------------------------------------------
　　#container (ページ全体を包含）
---------------------------------------------------- */
#container {
	width : 900px ;
	overflow : hidden ; /* float対策 */
	margin : 0 auto ;
	text-align : left ;
}


/* ページTOPへ */
#Go_Top {
	text-align : right ;
	margin-top : 2em ;
	width:660px;
}
#Go_Top a {
	text-decoration : underline ;
}


/*													END:container
--------------------------------------------------------- */




/* ---------------------------------------------------
　　ヘッダー
---------------------------------------------------- */
#header {
	width : 100% ; /* 900px */
	background : #000000 ;
	position : relative ; /* 配置基準 */
}
#header h1{
}


/*													END:header
--------------------------------------------------------- */


/* ---------------------------------------------------
　　フッター
---------------------------------------------------- */
#footer {
	width : 100% ; /* 幅860px */
	overflow : hidden ; /* float対策 */
	padding : 10px 0 ;
	background : #000000 ;
}

/* h4 */
#footer h4 {
	margin-bottom : 10px ;
	color : #CC0000 ; /* 文字 濃ピンク */
}



/* サイトマップ・資料請求・ロゴ */
#footer_info {
	width : 100% ;
	overflow : hidden ; /* float対策 */
	border-top : solid 2px #333333 ; /* 上罫線 濃ピンク */
	padding-top : 5px ;
}
#footer_info ul {
	float : left ;
	font-size : 1em ;
}
#footer_info ul li {
	display : inline ;
	line-height : 13px ;
	margin-right : 10px ;
}
#footer_info a:hover { color : #CC0000 ; } /* 文字 濃ピンク */

/* ロゴ */
#footer_info span {
	display : block ;
	float : right ;
}

/*													END:footer
--------------------------------------------------------- */



/* ---------------------------------------------------
　　Type_C（左メイン・右サブ）
---------------------------------------------------- */
/* ========== 2段組み =========== */
#type_C {
	width : 900px !important ;
	width /* */ : 900px ; /* IE */
	padding : 5px 0 10px 10px ;
	margin : 0 ;
	overflow : hidden ; /* float対策 */
	background : #000000 ;
}
/* 左 */
#type_C #main {
	width : 700px ;
	overflow : hidden ; /* float対策 */
	float : left ;
	margin:0 10px 0 0;
}


/*													END:Type_C（左メイン・右サブ）
--------------------------------------------------------- */


/* ---------------------------------------------------
　　Type_C（フリーコンテンツ）
---------------------------------------------------- */
#type_C .page_pict{ margin:0 0 10px 0;}

/* === リスティングページ（detail) === */


#type_C .search{
	padding:0px 0px 2px 0px;
	width:660px;
}



/* h3 */
#type_C .search h3{
	display:block;
	height:45px;
	background:#000000;
	margin:0 0 10px 0;
	padding:13px 5px 2px 10px;
	font-size:2em;
	font-weight:bold;
	color:#FFFFFF;
}

/* h3 */
.sub .section {
margin:30px 0 0 0;
line-height:1.6em;
}



#type_C .section h3{
	display:block;
	height:45px;
	background:url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/title_660_bg_img.jpg) left top no-repeat;
	margin:0 0 10px 0;
	padding:13px 5px 2px 30px;
	font-size:2em;
	font-weight:bold;
	color:#FFFFFF;
}




/* 1件分 */
#type_C .search .search-con {
	line-height:2em;
	width:660px;
	margin : 0 0 26px  0;
	padding:0 0 10px 0;
	border-bottom:#333333 dotted 1px;
	color:#ffffff;
}
/* h4 */
#type_C .search .search-con h4 {
	fon-size : 1.6em ; /* 16px */
	margin : 0 0 10px 10px ;
	padding : 2px 3px 2px 15px ;
	background:url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/page_catalog_pict.gif) left center no-repeat;
}

/* 日付 */
#type_C .search .search-con .date {
	margin : 5px 0 5px 1em ;
	color:#ffffff;
	font-size : 1.2em ; /* 16px */
	font-weight:bold;
}
/* 内容 */
#type_C .search .search-con .comment {
	font-size : 1.2em ; /* 12px */
	line-height : 1.8em ;
	margin-left : 20px ;
}


/* === 詳細ページ === */
#type_C .detail {
	width : 660px ;
	margin : 5px 5px 10px ;
	padding-top :5px ;
}

/* タイトル(h3) */
#type_C .detail h3 {
	display:block;
	height:28px;
	background:url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/title_bg01.gif) left top no-repeat;
	margin:0 0 10px 0;
	padding:4px 5px 2px 25px;
	font-size:1.6em;
	font-weight:bold;
	color:#FFFFFF;
}

/* 日付・本文 */
#type_C .detail-con { margin : 10px 0 ; }

/* 日付 */
#type_C .date {
	color : #ffffff ;
	margin-bottom : 10px ;
	font-size : 1.2em ; /* 12px */
	font-weight:bold;
}

/* 本文 */
#type_C .detail-con .comment {
	line-height : 1.8em ; 
	font-size : 1.2em ; /* 12px */
	padding:0 0 10px 0;
	border-bottom:#CCCCCC dotted 1px;
}
#type_C .detail-con .comment img {
	display : block ;
	margin : 1em 0 ;
}



/* ---------------------------------------------------
　　Type_C（カタログページ）
---------------------------------------------------- */
/* カタログメインタイトル */
#type_C .album {
	margin:0;
	padding:0;
}
#type_C .album h3 {
	display:block;
	height:45px;
	background:#000000;
	margin:0 0 10px 0;
	padding:13px 5px 2px 10px;
	font-size:2em;
	font-weight:bold;
	color:#FFFFFF;
}

/* リスティングページ（扉） */
#type_C .album_list {
	margin:0;
	width:660px;
}

/* 画像垂直位置 */
#type_C .album_list table{
	margin:0;
	padding:0;
	width:100%;
}

/* 画像垂直位置 */
#type_C .album_list td {
	vertical-align : top ;
	padding :10px 0 10px 0;
	border-bottom : dotted 1px #cdcdcd ;
}

/* タイトル（h5）*/
#type_C .album_list_con {
}


/* タイトル（h5）*/
#type_C .album_list_con h5 {
	fon-size : 1.6em ; /* 16px */
	margin : 0 0 10px 10px ;
	padding : 4px 3px 2px 10px ;
	background:url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/page_catalog_pict.gif) left center no-repeat;
}
#type_C .album_list_con h5 a {  } 

/* コメント(h6) */
#type_C .album_list_con h6 {
	color : #669900 ; /* 文字色 オレンジ */
	margin : 0 0 5px 20px ;
	font-size : 0.8em ;
}

/* 詳細（.comment） */
#type_C .album_list_con .comment {
	line-height : 1.4em ;
	margin : 8px 0 0 10px ;
	padding:0 0 6px 10px;
}

/* 日付 */
#type_C .album_list_con .date {	
margin : 10px 0 0 10px ;
font-weight:normal;
font-size:1.0em
 }


/* === 詳細ページ === */
/* 画像 */
#type_C .album_con01 img {
	display : block ;
	margin:0 auto 20px auto;
	text-align:center;
}

/* 罫線 */
.album_con01 td {
	padding-bottom : 5px ;
	border-bottom : dotted 1px #cdcdcd ;
}

/* タイトル(h5) */
#type_C .album_con02 h5 {
	display:block;
	height:28px;
	background:url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/title_bg01.gif) left top no-repeat;
	margin:0 0 10px 0;
	padding:4px 5px 2px 25px;
	font-size:1.6em;
	font-weight:bold;
	color:#FFFFFF;
}

/* コメント(h6) */
#type_C .album_con02 h6 {
	display:block;
	width:650px;
	color : #669900;
	margin : 5px auto 8px auto ;
	font-size : 1.2em ;
	font-weight:bold;
	padding:0 0 6px 0px;
	text-align:left;
} 

/* 詳細（.comment） */
#type_C .album_con02 .comment {
	line-height : 1.4 ;
	margin-bottom : 20px ;
	display:block;
	width:650px;
	text-align:left;
}

/* 詳細（.ps） */
#type_C .album_con02 .ps {
	line-height : 1.3 ;
	display:block;
	width:650px;
	text-align:left;
}

/* 戻る */
.album_con01 .back { margin-top : 10px ; text-align:center;}



/* 最新Topics専用 dl */
.comment dl#topics_list {
	font-size : 1em ;
	line-height : 1.4 ;
	background : #fce4e9 url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/topics_back.jpg) left bottom no-repeat ; /* ごく薄いピンク */
	width : 620px !important ;
	width /* */ : 640px ; /* IE */
	padding : 10px ;
}
.comment dl#topics_list dt {
	font-weight : bold ;
}
.comment dl#topics_list dd {
	margin : 5px 0 1em 2em ;
}




.event_t {
margin: 0 auto;
border-collapse: collapse;
margin:0 0 25px 0;
text-align:left;
color:#666666;
width:660px;
font-size:12px;
}


.event_t td {/**/
border-bottom:dotted #cccccc 1px;
border-top:dotted #cccccc 1px;
padding:10px;
}

.event_t th {/**/
background:url(../images/icon_shop.jpg) no-repeat left ;
border-bottom:dotted #cccccc 1px;
border-top:dotted #cccccc 1px;
padding:5px 5px 5px 20px;
width:150px;
color:#990000;
font-weight:bold;
}







/* End 3段組み ---------------------- */
/* ========== トップメニュー =========== */
.sub .menu h3{
	display:block;
	margin:0;
	padding:0;
}
.sub .menu ul{
}
.sub .menu li{
margin:10px 0 0 5px;
}
.sub .menu li a{

}
.sub .menu li a:hover{

}






/* ---------------------------------------------------
　　TOPページ専用
---------------------------------------------------- */
#Top {
	width : 850px !important ;
	width /* */ : 860px ; /* IE */
	padding : 5px 0 10px 10px ;
	margin : 0 ;
	overflow : hidden ; /* float対策 */
	background : #000000 ;
}

/* TOP専用画像 */
#Top_IMG { margin-bottom : 10px ; }

/* 3段組み --------------------------- */
/* サブメニュー(HM,一般) */
.sub {
	width : 170px ;
	float : left ;
}
.subR {
	width : 170px ;
	float : left ;
}
/* メインエリア */
#T_main {
	width : 480px !important ;
	width /* */ : 500px ; /* IE */
	padding : 0 10px ;
	float : left ;
}


.ex_zone{}

.ex_zone ul{
list-style : none ;
width:480px;
float:right;
margin:5px 2px;
}

.ex_zone li{
display : inline ;
width:235px;
height:135px;
margin:5px 2px;
}





/* ====== 右バナー部分 ======= */
.subR .section{
	width:170px;
	color:#666666;
	line-height:140%;
	margin:0 0 20px 0;
	padding:0 0 26px 0;
	text-align:left;
}


.dc_title{
font-size:1.2em;
font-weight:bold;
color:#990000;
padding:0 5px;
margin:4px 0;
}


.dc_text{
font-size:1.0em;
padding:0 5px;
margin:5px 0;
line-height:140%;
}


.subR .section h3{
	display:block;
	background:url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/sub_title_bg_01.jpg) left 2px no-repeat;
	padding: 0 0 4px 14px;
	margin:10px 0 8px 0;
	border-bottom:1px dotted #CCCCCC;
	font-weight:400;
	color:#333333;
	text-align:left;
}

.sub .section h3{
	display:block;
	background:url(http://itpack.week.co.jp/itpxp/theme/01_02_22/img/sub_title_bg_01.jpg) left 2px no-repeat;
	padding: 12px 0 4px 14px;
	margin:10px 0 8px 0;
	font-weight:bold;
	color:#ff3333;
	text-align:left;
	height:20px;
}


.section .text{
font-size:1.2em;
}

.subR .section p{
	font-size:1.0em;
	margin:0 0 10px 0;
}
.subR .section ul{
	text-align:left;
}
.subR .section ul li{
	padding:0;
	margin:4px 0 4px 6px;
}

/* ========== メインエリア =========== */
/* フリーエリアタイトル（h2）*/
#T_main .section { position : relative ; } /* 配置基準 */ 
#T_main .section strong {
	display : block ;
	margin : 0 0 5px ;
}
/* 一覧ボタン */
#T_main .section span {
	display : block ;
	width : 35px ;
	height : 16px ;
	position : absolute ;
	top : 22px ;
	left : 440px ;
}



/* カタログページ リスティング */
#T_main .album_list_con {}
/* h3 */
#T_main .album_list_con h3 { display : none ; } /* 非表示 */

/* ul */
#T_main .album_list_con ul {
	margin : 10px 0  ;
	line-height : 1.4 ;
	width : 100% ;
	overflow : hidden ; /* float対策 */
}

/* 記事のタイトル */
#T_main .album_list_con li {
 margin:0 0 10px 0;
 padding:0;
 border-bottom:1px dotted #cccccc;
 }
/*---- clearfix (floatによるboxの浮き上がり解除) 
-------------------*/
#T_main .album_list_con li:after {
    content : "." ;
    display : block ;
    height : 0 ;
    clear : both ;
    visibility : hidden ;
}
#T_main .album_list_con li { display : inline-block ; }
/* Hides from IE-Mac \*/
*html #T_main .album_list_con li { height : 1% ; }
#T_main .album_list_con li { display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
-----------------*/
 
 
#T_main .album_list_con li a {
	border-left : solid 4px #ff6666 ; /* 左罫線 薄ピンク */
	padding-left : 0.5em ; 
	font-weight : bold ;
}
/* 記事の詳細 */
#T_main .album_list_con .comment {
	margin : 0 1em 1em 1em ;
}
/*---- clearfix (floatによるboxの浮き上がり解除) 
-------------------*/
#T_main .album_list_con .comment:after {
    content : "." ;
    display : block ;
    height : 0 ;
    clear : both ;
    visibility : hidden ;
}
#T_main .album_list_con .comment { display : inline-block ; }
/* Hides from IE-Mac \*/
*html #T_main .album_list_con .comment { height : 1% ; }
#T_main .album_list_con .comment{ display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
-----------------*/

/* 写真 */
#T_main .album_list_con .comment img {
	float : left ;
	margin : 1em 1em 1em 0 ;
}


/* ↓↓↓↓ 2008.08.07 削除 ↓↓↓↓ */
/* フリーコンテンツリスティング */
/* h3 */
#T_main .menu h3 { display : none ; } /* 非表示 */

/* ul */
#T_main .menu ul {
	margin : 5px 0 20px 0 ;
	line-height : 1.4 ;
}
#T_main .menu ul li {
	margin : 10px 0 ;
}


/* 記事のタイトル */
#T_main .menu li a {
	padding-left : 0.5em ; 
	font-weight : bold ;
}

/* 記事の詳細 */
#T_main .menu .comment {
	padding : 0 0 0.8em 1em ;
	border-bottom:1px dotted #cccccc;
}
/* ↑↑↑↑ 2008.08.07 削除 ↑↑↑↑ */



/* ========== End:メインエリア =========== */



/*													END:TOPページ専用
--------------------------------------------------------- */



/* CSS Document */